@media (max-width:959px){body,html{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}.MuiDrawer-root{z-index:1300!important}.MuiDrawer-paper{position:fixed!important;z-index:1301!important}.MuiBackdrop-root{z-index:1299!important}.MuiContainer-root{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}.MuiBox-root{max-width:100%!important;overflow-wrap:break-word!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}h4{font-size:1rem!important}h5{font-size:.9rem!important}h6{font-size:.85rem!important}.MuiCard-root{margin-left:0!important;margin-right:0!important}.MuiGrid-container{width:100%!important}.MuiGrid-item{max-width:100%!important;padding-left:8px!important;padding-right:8px!important}.MuiTypography-root{overflow-wrap:anywhere!important;word-break:break-word!important}.MuiTableContainer-root{-webkit-overflow-scrolling:touch!important;margin:0!important;max-width:calc(100vw - 32px)!important;overflow-x:auto!important}.MuiTable-root{min-width:500px}.MuiTableCell-root{font-size:.875rem!important;padding:8px!important}.MuiTable-root td:nth-child(n+4),.MuiTable-root th:nth-child(n+4){display:none}@media (min-width:600px){.MuiTable-root td:nth-child(n+4),.MuiTable-root th:nth-child(n+4){display:table-cell}}.MuiDialog-paper{border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}.MuiButton-root{min-height:44px;padding:10px 16px}.MuiIconButton-root{min-height:44px;min-width:44px}.MuiBox-root{margin-bottom:16px}img{height:auto;max-width:100%}.MuiPaper-root{padding:12px!important}.MuiTabs-flexContainer{flex-wrap:wrap}.MuiSelect-root,.MuiTextField-root{width:100%!important}}@media (max-width:599px){body{font-size:14px!important}.MuiContainer-root{padding-left:4px!important;padding-right:4px!important}.MuiGrid-container>.MuiGrid-item{flex-basis:100%!important;max-width:100%!important;width:100%!important}.MuiCard-root{padding:8px!important}.MuiAvatar-root{height:32px!important;width:32px!important}.MuiListItem-root{padding-bottom:6px!important;padding-top:6px!important}}@media (min-width:960px) and (max-width:1279px){.MuiGrid-container{flex-wrap:wrap}.MuiDrawer-paper{width:200px!important}}@media (hover:none) and (pointer:coarse){:hover{background-color:inherit!important}[role=button],a,button{min-height:44px;min-width:44px}[role=button],button{-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}}@media (max-width:959px){.dashboard-grid>*{grid-column:1/-1!important}.upload-dropzone{min-height:150px!important}}@media (max-width:599px){.recharts-wrapper{height:200px!important;width:100%!important}}@media (max-width:959px){.company-card-grid{grid-template-columns:1fr!important}.creative-analysis-container{flex-direction:column!important}.creative-preview{max-height:50vh!important;width:100%!important}*{animation-duration:.2s!important;transition-duration:.2s!important}.parallax{transform:none!important}}@media print{.MuiDrawer-root,.mobile-drawer,.navigation-buttons{display:none!important}main{margin:0!important;padding:0!important;width:100%!important}}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root,body,html{max-width:100vw;overflow-x:hidden!important;width:100%}.spinning-icon{animation:spin 1s linear infinite}.MuiContainer-root,.MuiPaper-root{max-width:100%!important;overflow-x:hidden!important}*{box-sizing:border-box}.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:#ffffffbf;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:#ffffffbf}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:#000000bf}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:#000000bf}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:#0000;border:none;color:#808080bf;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 4px #0003;margin:0;max-width:400px;opacity:0;outline:none;padding:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tour-spotlight-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.tour-spotlight-overlay svg{height:100%;width:100%}.shepherd-modal-overlay-container{display:none!important}.app-tour-step{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:520px;min-width:400px;position:relative}.app-tour-step,.shepherd-element,.studio-tour-step{z-index:10001!important}.studio-tour-step{background:#1e1e2e;border:1px solid #3d3d5c;border-radius:12px;box-shadow:0 8px 32px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:520px;min-width:480px;position:relative}.app-tour-step .shepherd-header,.studio-tour-step .shepherd-header{display:none!important}.app-tour-step .tour-close-btn{align-items:center;background:#0000000d;border:1px solid #e0e0e0;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:10}.app-tour-step .tour-close-btn:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.studio-tour-step .tour-close-btn{align-items:center;background:#ffffff0d;border:1px solid #3d3d5c;border-radius:50%;color:#606070;cursor:pointer;display:flex;font-size:18px;font-weight:300;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px;z-index:10}.studio-tour-step .tour-close-btn:hover{background:#667eea26;border-color:#667eea;color:#667eea}.app-tour-step .shepherd-content{padding:0;position:relative}.app-tour-step .shepherd-text{color:#333;font-size:14px;line-height:1.6;padding:32px 20px 16px}.app-tour-step .shepherd-text h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 12px}.app-tour-step .shepherd-text p{color:#555;margin:0 0 10px}.app-tour-step .shepherd-text p:last-child{margin-bottom:0}.app-tour-step .shepherd-text ul{color:#666;margin:8px 0;padding-left:20px}.app-tour-step .shepherd-text ul li{margin:5px 0}.app-tour-step .shepherd-text strong{color:#1a1a1a;font-weight:600}.app-tour-step .shepherd-text code{background:#f5f5f5;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px;padding:2px 6px}.studio-tour-step .shepherd-content{padding:0;position:relative}.studio-tour-step .shepherd-text{color:#d0d0e0;font-size:14px;line-height:1.6;padding:32px 20px 16px}.studio-tour-step .shepherd-text p{margin:0 0 10px}.studio-tour-step .shepherd-text p:last-child{margin-bottom:0}.studio-tour-step .shepherd-text ul{color:#b0b0c0;margin:8px 0;padding-left:20px}.studio-tour-step .shepherd-text ul li{margin:5px 0}.studio-tour-step .shepherd-text strong{color:#e8e8f0;font-weight:600}.app-tour-step .shepherd-footer{align-items:center;border-top:1px solid #e8e8e8;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.app-tour-step .shepherd-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.app-tour-step .shepherd-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.app-tour-step .shepherd-button:active{transform:translateY(0)}.app-tour-step .shepherd-button-secondary{background:#0000;border:1px solid #d0d0d0;color:#666}.app-tour-step .shepherd-button-secondary:hover{background:#00000008;border-color:#999;box-shadow:none;color:#333;transform:none}.studio-tour-step .shepherd-footer{align-items:center;border-top:1px solid #2d2d4c;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.studio-tour-step .shepherd-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;min-width:70px;padding:8px 16px;transition:all .2s ease}.studio-tour-step .shepherd-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.studio-tour-step .shepherd-button:active{transform:translateY(0)}.studio-tour-step .shepherd-button-secondary{background:#0000;border:1px solid #3d3d5c;color:#909099}.studio-tour-step .shepherd-button-secondary:hover{background:#ffffff0d;border-color:#5d5d7c;box-shadow:none;color:#c0c0d0;transform:none}.tour-dots-nav{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:center;padding:0 8px}.app-tour-step .tour-dot{background:#d0d0d0;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;position:relative;transition:all .2s ease;width:10px}.app-tour-step .tour-dot:hover{background:#999;transform:scale(1.3)}.app-tour-step .tour-dot.active{background:#667eea;transform:scale(1.2)}.app-tour-step .tour-dot.completed{background:#9bb0f0}.studio-tour-step .tour-dot,.tour-dot{background:#3d3d5c;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;position:relative;transition:all .2s ease;width:8px}.studio-tour-step .tour-dot:hover,.tour-dot:hover{background:#5d5d7c;transform:scale(1.3)}.studio-tour-step .tour-dot.active,.tour-dot.active{background:#667eea;transform:scale(1.2)}.studio-tour-step .tour-dot.completed,.tour-dot.completed{background:#4d5d8c}.tour-dot-tooltip{background:#1a1a2e;border:1px solid #3d3d5c;border-radius:6px;bottom:100%;color:#d0d0e0;font-size:11px;left:50%;margin-bottom:8px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10002}.app-tour-step .tour-dot-tooltip{background:#333;border-color:#555}.tour-dot-tooltip:after{border:5px solid #0000;border-top-color:#3d3d5c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.app-tour-step .tour-dot-tooltip:after{border-top-color:#555}.tour-dot:hover .tour-dot-tooltip{opacity:1;visibility:visible}.app-tour-step .shepherd-arrow,.studio-tour-step .shepherd-arrow{border-width:10px}.app-tour-step .shepherd-arrow:before,.studio-tour-step .shepherd-arrow:before{border-color:#0000;content:"";display:block;height:0;width:0}.app-tour-step[data-popper-placement^=bottom] .shepherd-arrow:before{border-bottom-color:#fff}.studio-tour-step[data-popper-placement^=bottom] .shepherd-arrow:before{border-bottom-color:#667eea}.app-tour-step[data-popper-placement^=top] .shepherd-arrow:before{border-top-color:#fff}.studio-tour-step[data-popper-placement^=top] .shepherd-arrow:before{border-top-color:#1e1e2e}.app-tour-step[data-popper-placement^=right] .shepherd-arrow:before{border-right-color:#fff}.studio-tour-step[data-popper-placement^=right] .shepherd-arrow:before{border-right-color:#1e1e2e}.app-tour-step[data-popper-placement^=left] .shepherd-arrow:before{border-left-color:#fff}.studio-tour-step[data-popper-placement^=left] .shepherd-arrow:before{border-left-color:#1e1e2e}.app-tour-step,.studio-tour-step{animation:tour-step-enter .3s ease-out}@keyframes tour-step-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.shepherd-enabled .shepherd-target{position:relative;z-index:9999}.shepherd-target-click-required{animation:tour-pulse 2s infinite}@keyframes tour-pulse{0%{box-shadow:0 0 0 0 #667eea66}70%{box-shadow:0 0 0 12px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}.studio-help-btn{align-items:center;background:#0000;border:1px solid #3d3d5c;border-radius:6px;color:#a0a0b0;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.studio-help-btn:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.studio-help-btn:active{transform:scale(.98)}.studio-help-btn .help-icon{align-items:center;border:1.5px solid;border-radius:50%;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.studio-help-btn .help-label{font-size:13px}@media (max-width:768px){.app-tour-step,.studio-tour-step{margin:0 16px;max-width:calc(100vw - 32px);min-width:auto}.app-tour-step .shepherd-header,.studio-tour-step .shepherd-header{padding:14px 16px}.app-tour-step .shepherd-text,.studio-tour-step .shepherd-text{font-size:13px;padding:14px 16px}.app-tour-step .shepherd-footer,.studio-tour-step .shepherd-footer{flex-wrap:wrap;padding:12px 16px}.app-tour-step .shepherd-button,.studio-tour-step .shepherd-button{flex:1 1;min-width:0;padding:10px 12px}}.app-tour-step .shepherd-button:focus-visible,.studio-tour-step .shepherd-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.app-tour-step .shepherd-cancel-icon:focus-visible,.studio-tour-step .shepherd-cancel-icon:focus-visible{outline:2px solid #667eea;outline-offset:2px}.app-tour-step.tour-step-educational{max-width:580px;min-width:480px}.app-tour-step.tour-step-educational .shepherd-text{padding:40px 28px 20px}.app-tour-step.tour-step-educational .shepherd-text h3{color:#667eea;font-size:20px;margin-bottom:16px}.app-tour-step.tour-step-educational .shepherd-text p{font-size:15px;line-height:1.7}:root{--studio-bg:#29292f;--studio-panel-bg:#1f1f24;--studio-border:#3a3a42;--studio-accent:#e63478;--studio-accent-alt:#006ba5;--studio-text:#fff;--studio-text-muted:#ffffffaa;--studio-toolbar-bg:#29292f;--studio-btn-hover:#e63478;--studio-canvas-bg:#f8f9fa;--studio-card-bg:#2a2a32}.creative-studio-modal ::-webkit-scrollbar{height:6px;width:6px}.creative-studio-modal ::-webkit-scrollbar-track{background:#0000}.creative-studio-modal ::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.creative-studio-modal ::-webkit-scrollbar-thumb:hover{background:#ffffff59}.accordion-content::-webkit-scrollbar,.assets-inline-grid::-webkit-scrollbar,.layers-list::-webkit-scrollbar,.layers-panel ::-webkit-scrollbar,.ps-layers-list::-webkit-scrollbar,.right-panel-sections::-webkit-scrollbar,.section-expanded-content::-webkit-scrollbar{width:4px}.accordion-content::-webkit-scrollbar-thumb,.assets-inline-grid::-webkit-scrollbar-thumb,.layers-list::-webkit-scrollbar-thumb,.layers-panel ::-webkit-scrollbar-thumb,.ps-layers-list::-webkit-scrollbar-thumb,.right-panel-sections::-webkit-scrollbar-thumb,.section-expanded-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.accordion-content::-webkit-scrollbar-thumb:hover,.assets-inline-grid::-webkit-scrollbar-thumb:hover,.layers-list::-webkit-scrollbar-thumb:hover,.layers-panel ::-webkit-scrollbar-thumb:hover,.ps-layers-list::-webkit-scrollbar-thumb:hover,.right-panel-sections::-webkit-scrollbar-thumb:hover,.section-expanded-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.creative-studio-modal *{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.accordion-content,.layers-list,.layers-panel,.ps-layers-list,.right-panel-sections,.section-expanded-content{scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.creative-studio-modal{background:#29292f;background:var(--studio-bg);bottom:0;color:#fff;color:var(--studio-text);display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}.studio-header{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;gap:16px;padding:10px 20px}.studio-header-logo{height:32px;width:auto}.studio-header-title{align-items:center;display:flex;gap:8px}.studio-header h1{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600;margin:0}.studio-header h1:before{color:#3a3a42;color:var(--studio-border);content:"|";font-weight:300;margin-right:16px}.studio-header-info{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;flex:1 1;font-size:13px;gap:0;margin-left:8px}.studio-header-brand{color:#fff;color:var(--studio-text);font-weight:500}.studio-header-board{font-weight:400}.studio-header-board,.studio-header-company{color:#ffffffaa;color:var(--studio-text-muted)}.studio-header-company{opacity:.7}.env-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.env-indicator--local{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a1e}.env-indicator--prod{background:linear-gradient(135deg,#10b981,#059669);color:#1a1a1e}.save-status-indicator{align-items:center;display:flex;margin-right:8px}.save-status{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px}.save-status--saving{background:#e6347826;color:#e63478}.save-status--saved{background:#10b98126;color:#10b981}.save-status--error{background:#ef444426;color:#ef4444}.save-status--idle{background:#ffffff0d;color:#ffffffaa;color:var(--studio-text-muted)}.save-spinner{animation:save-spin .8s linear infinite;border:2px solid #e634784d;border-radius:50%;border-top-color:#e63478;display:inline-block;height:10px;width:10px}@keyframes save-spin{to{transform:rotate(1turn)}}.studio-header-presence{align-items:center;border-left:1px solid #3a3a42;border-left:1px solid var(--studio-border);border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border);display:flex;gap:12px;margin-right:12px;padding:0 12px}.project-switcher{margin-left:12px;position:relative}.project-switcher-btn{align-items:center;background:#ffffff14;background:var(--studio-input-bg,#ffffff14);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;max-width:250px;padding:6px 12px;transition:all .2s}.project-switcher-btn:hover{background:#ffffff1f;background:var(--studio-input-bg-hover,#ffffff1f);border-color:#e63478;border-color:var(--studio-accent,#14b8a6)}.project-switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher-arrow{font-size:10px;opacity:.6}.project-switcher-dropdown{background:#1f1f24;background:var(--studio-panel-bg,#2a2a2e);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:8px;box-shadow:0 8px 24px #0006;left:0;max-width:350px;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.board-id-form{display:flex;gap:8px;padding:12px}.board-id-input{background:#ffffff14;background:var(--studio-input-bg,#ffffff14);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:4px;color:#fff;color:var(--studio-text);flex:1 1;font-size:13px;padding:8px 12px}.board-id-input:focus{border-color:#e63478;border-color:var(--studio-accent,#14b8a6);outline:none}.board-id-input::placeholder{color:#ffffffaa;color:var(--studio-text-muted,#fff6)}.board-id-go-btn{background:#e63478;background:var(--studio-accent,#14b8a6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.board-id-go-btn:hover:not(:disabled){background:#0d9488}.board-id-go-btn:disabled{cursor:not-allowed;opacity:.5}.project-switcher-divider{background:#3a3a42;background:var(--studio-border,#ffffff26);height:1px}.project-switcher-section{padding:8px 0}.project-switcher-section-title{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px 8px;text-transform:uppercase}.project-switcher-empty,.project-switcher-loading{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:13px;padding:12px;text-align:center}.project-switcher-list{max-height:300px;overflow-y:auto}.project-switcher-item{align-items:center;background:#0000;border:none;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.project-switcher-item:hover{background:#ffffff0f}.project-switcher-item.active{background:#14b8a626}.project-switcher-thumb{background:#ffffff14;background:var(--studio-input-bg,#ffffff14);border-radius:4px;height:40px;object-fit:cover;width:40px}.project-switcher-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.project-switcher-item-name{font-weight:500}.project-switcher-item-brand,.project-switcher-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher-item-brand{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:11px}.project-switcher-loading-overlay{align-items:center;background:#1a1a1ef2;border-radius:8px;bottom:0;color:#fff;color:var(--studio-text,#fff);display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.spinner-small{border:2px solid #fff3;border-top:2px solid var(--studio-accent,#14b8a6);height:24px;width:24px}.studio-share-btn{background:#ffffff1a;background:var(--studio-input-bg,#ffffff1a);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:12px;font-weight:500;margin-right:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.studio-share-btn:hover{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478)}.studio-close-btn{background:none;border:none;color:#fff;color:var(--studio-text);cursor:pointer;font-size:28px;line-height:1;opacity:.7;padding:0 8px;transition:opacity .2s}.studio-close-btn:hover{opacity:1}.studio-content{flex:1 1}.sidebar,.studio-content{display:flex;overflow:hidden}.sidebar{background:#1f1f24;background:var(--studio-panel-bg);border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border);flex-direction:column;width:280px}.sidebar:last-child{border-left:1px solid #3a3a42;border-left:1px solid var(--studio-border);border-right:none}.sidebar-header{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);padding:16px}.sidebar-header h2{font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.sidebar-tabs{background:#0003;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex}.sidebar-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;letter-spacing:.3px;padding:12px 8px;text-transform:uppercase;transition:all .2s ease}.sidebar-tab:hover{background:#ffffff08;color:#fff;color:var(--studio-text)}.sidebar-tab.active{background:#e945601a;border-bottom-color:#e63478;border-bottom-color:var(--studio-accent);color:#e63478;color:var(--studio-accent)}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px}.brief-section,.intel-section{margin-bottom:20px}.brief-section h3,.intel-section h3{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.placeholder-text{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;font-style:italic}.studio-center{background:#29292f;background:var(--studio-bg)}.canvas-editor,.studio-center{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.canvas-toolbar{align-items:center;background:#29292f;background:var(--studio-toolbar-bg);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;gap:4px;padding:8px 16px}.toolbar-group{display:flex;gap:2px}.toolbar-divider{background:#3a3a42;background:var(--studio-border);height:24px;margin:0 8px;width:1px}.toolbar-btn{border:none;color:#fff;color:var(--studio-text);transition:all .15s}.toolbar-btn:hover:not(:disabled){background:#ffffff1a}.toolbar-btn.active{background:#e63478;background:var(--studio-accent)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn.danger:hover:not(:disabled){background:#f44}.toolbar-btn svg{height:20px;width:20px}.canvas-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.fabric-canvas-container{background:#fff;box-shadow:0 4px 20px #0000004d}.fabric-canvas-container canvas{display:block}.canvas-info-bar{align-items:center;background:#29292f;background:var(--studio-toolbar-bg);color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;gap:20px;padding:8px 16px}.canvas-info-bar,.filmstrip{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex}.filmstrip{background:#1f1f24;background:var(--studio-panel-bg);flex-direction:column;height:120px}.filmstrip-header{font-size:12px;font-weight:600;padding:8px 16px}.filmstrip-add-btn{padding:4px 12px}.filmstrip-add-btn:disabled{cursor:not-allowed;opacity:.5}.filmstrip-items{align-items:center;padding:8px 16px}.filmstrip-empty{flex:1 1;flex-direction:column;font-size:13px}.filmstrip-hint{font-size:11px;opacity:.7}.filmstrip-item{align-items:center;background:#29292f;background:var(--studio-bg);border:2px solid #3a3a42;border:2px solid var(--studio-border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:center;transition:all .15s;width:60px}.filmstrip-item.active,.filmstrip-item:hover{border-color:#e63478;border-color:var(--studio-accent)}.filmstrip-item.active{box-shadow:0 0 0 2px #e945604d}.filmstrip-item-preview{align-items:center;background:#29292f;background:var(--studio-bg);border-radius:2px;display:flex;height:44px;justify-content:center;overflow:hidden;width:100%}.filmstrip-item-preview img{height:100%;object-fit:cover;width:100%}.filmstrip-item-number{font-size:16px;font-weight:600}.filmstrip-item-number,.filmstrip-more{color:#ffffffaa;color:var(--studio-text-muted)}.filmstrip-more{align-items:center;background:#3a3a42;background:var(--studio-border);border-radius:4px;cursor:pointer;display:flex;font-size:11px;height:60px;justify-content:center;min-width:60px}.filmstrip-more:hover{background:#e63478;background:var(--studio-accent);color:#fff}.filmstrip-item-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:9px;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-specs-bar{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:24px;padding:12px 20px}.platform-selector{align-items:center;display:flex;gap:8px}.platform-selector label{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.platform-selector select{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#fff;color:var(--studio-text);font-size:13px;padding:6px 12px}.specs-display{display:flex;flex:1 1;gap:20px}.spec-item{align-items:center;display:flex;font-size:13px;gap:6px}.spec-label{color:#ffffffaa;color:var(--studio-text-muted)}.spec-value{color:#fff;color:var(--studio-text);font-weight:500}.no-platform{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;font-style:italic}.canvas-size{align-items:center;display:flex;font-size:13px;gap:8px}.size-label{color:#ffffffaa;color:var(--studio-text-muted)}.size-value{font-family:monospace}.size-status{background:#e63478;background:var(--studio-accent);border-radius:4px;font-size:10px;padding:2px 8px}.size-status.placeholder{background:#3a3a42;background:var(--studio-border)}.export-section{margin-left:auto}.export-btn{font-weight:500;padding:8px 20px}.export-btn:hover:not(:disabled){background:#d63350}.export-btn:disabled{cursor:not-allowed;opacity:.5}.studio-disabled,.studio-error,.studio-loading{align-items:center;background:#29292f;background:var(--studio-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.studio-disabled-content,.studio-error-content,.studio-loading-content{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #3a3a42;border-top-color:#e63478;border:3px solid var(--studio-border);border-radius:50%;border-top-color:var(--studio-accent);height:40px;margin:0 auto 20px;width:40px}.canvas-loading,.filmstrip-loading,.panel-loading,.specs-loading{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;justify-content:center;padding:20px}.color-swatches-placeholder{display:flex;gap:8px;margin-top:8px}.swatch-placeholder{background:#3a3a42;background:var(--studio-border);border-radius:4px;height:32px;width:32px}.intel-placeholder{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px}.intel-placeholder p{margin:0}.intel-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;opacity:.7}.color-swatches,.intel-hint{margin-top:8px}.color-swatch{border:2px solid #0000;border-radius:6px;height:36px;transition:all .15s;width:36px}.color-swatch:hover{border-color:#e63478;border-color:var(--studio-accent);transform:scale(1.1)}.font-list{flex-direction:column;margin-top:8px}.font-item{align-items:center;border-radius:4px;justify-content:space-between;padding:8px 10px}.font-name{font-size:14px}.font-role{background:#3a3a42;background:var(--studio-border);border-radius:3px;font-size:10px;padding:2px 6px;text-transform:uppercase}.asset-count{align-items:baseline;display:flex;gap:8px;margin-top:8px}.count-number{color:#e63478;color:var(--studio-accent);font-size:28px;font-weight:700}.count-label{font-size:12px}.brand-summary,.count-label{color:#ffffffaa;color:var(--studio-text-muted)}.brand-summary{font-size:13px;line-height:1.5;margin-top:8px}.brand-summary p{margin:0}.brand-name-badge{background:#e63478;background:var(--studio-accent);border-radius:10px;font-size:11px;margin-left:8px;padding:2px 8px;text-transform:capitalize}.no-warnings{align-items:center;color:#4caf50;display:flex;font-size:13px;gap:8px}.checkmark{font-size:16px}.warnings-list{list-style:none;margin:0;padding:0}.warning{background:#ff98001a;border-left:3px solid #ff9800;border-radius:0 4px 4px 0;font-size:13px;margin-bottom:8px;padding:8px 12px}.warning.high{background:#f443361a;border-left-color:#f44336}.brief-empty{padding:20px}.brief-hint{font-size:12px;margin-top:8px;opacity:.7}.brief-details{font-size:13px}.brief-details p{line-height:1.5;margin:0 0 8px}.project-info{margin-top:8px}.project-name{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600;text-transform:capitalize}.company-name{font-size:12px;margin-top:4px}.brand-overview-text,.company-name{color:#ffffffaa;color:var(--studio-text-muted)}.brand-overview-text{font-size:13px;line-height:1.6}.attributes-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attribute-item{align-items:center;display:flex;font-size:13px;gap:8px}.attr-icon{font-size:14px}.data-status{display:flex;flex-direction:column;gap:6px;margin-top:8px}.status-item{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;gap:8px}.status-dot{background:#3a3a42;background:var(--studio-border);border-radius:50%;height:8px;width:8px}.status-dot.active{background:#4caf50}.status-dot.inactive{background:#3a3a42;background:var(--studio-border)}.deliverables-list{list-style:none;margin:8px 0 0;padding:0}.deliverables-list li{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);font-size:13px;padding:6px 0}.deliverables-list li:last-child{border-bottom:none}.apply-size-section{margin-left:auto}.apply-size-btn{background:#3a3a42;background:var(--studio-border);border:none;border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.apply-size-btn:hover:not(:disabled){background:#e63478;background:var(--studio-accent)}.apply-size-btn:disabled{cursor:not-allowed;opacity:.5}.generation-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.generation-modal{background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.generation-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 20px}.generation-modal-header h2{color:#fff;color:var(--studio-text);font-size:18px;font-weight:600;margin:0}.generation-modal-header .close-btn{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;padding:4px;transition:all .15s}.generation-modal-header .close-btn:hover{background:#3a3a42;background:var(--studio-border);color:#fff;color:var(--studio-text)}.generation-modal-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.generation-context,.generation-model-info{align-items:center;background:#29292f;background:var(--studio-bg);border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.context-label,.model-label{color:#ffffffaa;color:var(--studio-text-muted)}.context-value,.model-name{color:#e63478;color:var(--studio-accent);font-weight:500}.generation-field{gap:8px}.generation-field label{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.generation-field textarea{word-wrap:break-word;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--studio-text);font-family:inherit;font-size:14px;overflow-wrap:break-word;padding:12px;resize:vertical;transition:border-color .15s;white-space:pre-wrap;width:100%}.generation-field textarea:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.generation-field textarea::placeholder{color:#ffffffaa;color:var(--studio-text-muted)}.generation-field textarea:disabled{cursor:not-allowed;opacity:.6}.size-presets{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.size-preset-btn{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);gap:4px;padding:10px;transition:all .15s}.size-preset-btn:hover:not(:disabled){border-color:#e63478;border-color:var(--studio-accent)}.size-preset-btn.active{background:#e9456026}.size-preset-btn:disabled{cursor:not-allowed;opacity:.5}.size-preset-btn .size-name{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.size-preset-btn .size-dims{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.style-presets{display:flex;flex-wrap:wrap;gap:8px}.style-preset-btn{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:20px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.style-preset-btn.active,.style-preset-btn:hover:not(:disabled){border-color:#e63478;border-color:var(--studio-accent)}.style-preset-btn.active{background:#e9456026;color:#e63478;color:var(--studio-accent)}.style-preset-btn:disabled{cursor:not-allowed;opacity:.5}.advanced-toggle{align-self:flex-start;background:none;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:13px;padding:8px 0;text-decoration:underline;transition:color .15s}.advanced-toggle:hover{color:#fff;color:var(--studio-text)}.generation-error{border-radius:8px;color:#ff6b6b;gap:8px;padding:12px}.generation-preview{flex-direction:column;gap:8px}.generation-preview label{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.generation-preview .preview-image{border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.generation-modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.generation-modal-footer .cancel-btn{background:#3a3a42;background:var(--studio-border);border:none;border-radius:8px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s}.generation-modal-footer .cancel-btn:hover:not(:disabled){background:#29292f;background:var(--studio-bg)}.generation-modal-footer .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.generation-modal-footer .generate-btn{align-items:center;background:#e63478;background:var(--studio-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .15s}.generation-modal-footer .generate-btn:hover:not(:disabled){background:#d13a52}.generation-modal-footer .generate-btn:disabled{cursor:not-allowed;opacity:.5}.generation-modal-footer .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.toolbar-btn.generate-ai{background:#e63478;background:var(--studio-accent);color:#fff}.toolbar-btn.generate-ai:hover{background:#d13a52}.filmstrip-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:8px 12px}.filmstrip-title{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.filmstrip-header-actions{display:flex;gap:8px}.filmstrip-add-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s}.filmstrip-add-btn:hover{background:#d13a52}.filmstrip-add-btn.secondary{background:#3a3a42;background:var(--studio-border);color:#fff;color:var(--studio-text)}.filmstrip-add-btn.secondary:hover{background:#29292f;background:var(--studio-bg)}.filmstrip-item{position:relative}.filmstrip-item-actions{display:flex;gap:2px;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .15s}.filmstrip-item:hover .filmstrip-item-actions{opacity:1}.filmstrip-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .15s;width:20px}.filmstrip-action-btn.duplicate{background:#3a3a42;background:var(--studio-border);color:#fff;color:var(--studio-text)}.filmstrip-action-btn.duplicate:hover{background:#e63478;background:var(--studio-accent);color:#fff}.filmstrip-action-btn.delete{background:#dc354533;color:#ff6b6b}.filmstrip-action-btn.delete:hover{background:#dc3545;color:#fff}.filmstrip-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.filmstrip-context-menu{background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:120px;padding:4px;position:absolute;right:0;top:100%;z-index:1000}.filmstrip-context-menu button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .15s;width:100%}.filmstrip-context-menu button:hover{background:#3a3a42;background:var(--studio-border)}.filmstrip-context-menu button.danger:hover{background:#dc354533;color:#ff6b6b}.filmstrip-nav{display:flex;justify-content:space-between;left:0;padding:0 4px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.filmstrip-nav-btn{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;height:28px;justify-content:center;pointer-events:auto;transition:all .15s;width:28px}.filmstrip-nav-btn:hover{background:#e63478;background:var(--studio-accent);color:#fff}.filmstrip-empty-btn{background:#3a3a42;background:var(--studio-border);border:none;border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;margin-top:8px;padding:8px 16px;transition:all .15s}.filmstrip-empty-btn:hover{background:#e63478;background:var(--studio-accent);color:#fff}.filmstrip-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.filmstrip-modal{background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.filmstrip-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 20px}.filmstrip-modal-header h3{color:#fff;color:var(--studio-text);font-size:18px;font-weight:600;margin:0}.filmstrip-modal-header .close-btn{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:24px;padding:4px 8px;transition:all .15s}.filmstrip-modal-header .close-btn:hover{background:#3a3a42;background:var(--studio-border);color:#fff;color:var(--studio-text)}.filmstrip-modal-content{flex:1 1;overflow-y:auto;padding:20px}.no-assets{color:#ffffffaa;color:var(--studio-text-muted);padding:40px;text-align:center}.brand-assets-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.brand-asset-item{aspect-ratio:1;background:#29292f;background:var(--studio-bg);border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s}.brand-asset-item:hover{border-color:#3a3a42;border-color:var(--studio-border)}.brand-asset-item.selected{border-color:#e63478;border-color:var(--studio-accent)}.brand-asset-item img{height:100%;object-fit:cover;width:100%}.brand-asset-item .asset-placeholder{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.brand-asset-item .asset-name{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:11px;left:0;overflow:hidden;padding:6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.brand-asset-item .asset-check{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.filmstrip-modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.filmstrip-modal-footer .cancel-btn{background:#3a3a42;background:var(--studio-border);border:none;border-radius:8px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s}.filmstrip-modal-footer .cancel-btn:hover{background:#29292f;background:var(--studio-bg)}.filmstrip-modal-footer .add-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .15s}.filmstrip-modal-footer .add-btn:hover:not(:disabled){background:#d13a52}.filmstrip-modal-footer .add-btn:disabled{cursor:not-allowed;opacity:.5}.export-btn{align-items:center;background:#e63478;background:var(--studio-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .15s}.export-btn:hover{background:#d13a52}.export-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.export-modal{background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-width:450px;overflow:hidden;width:90%}.export-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 20px}.export-modal-header h3{color:#fff;color:var(--studio-text);font-size:18px;font-weight:600;margin:0}.export-modal-header .close-btn{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:24px;padding:4px 8px;transition:all .15s}.export-modal-header .close-btn:hover{background:#3a3a42;background:var(--studio-border);color:#fff;color:var(--studio-text)}.export-modal-content{display:flex;flex-direction:column;gap:20px;padding:20px}.export-field{display:flex;flex-direction:column;gap:10px}.export-field label{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.export-destination-options,.export-format-options{display:flex;gap:8px}.destination-option,.format-option{align-items:center;background:#29292f;background:var(--studio-bg);border:2px solid #3a3a42;border:2px solid var(--studio-border);border-radius:8px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .15s}.destination-option.active,.destination-option:hover:not(:disabled),.format-option.active,.format-option:hover:not(:disabled){border-color:#e63478;border-color:var(--studio-accent)}.destination-option.active,.format-option.active{background:#e9456026;color:#e63478;color:var(--studio-accent)}.destination-option:disabled,.format-option:disabled{cursor:not-allowed;opacity:.5}.export-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#29292f;background:var(--studio-bg);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:#e63478;background:var(--studio-accent);border-radius:4px;height:100%;transition:width .3s ease-out}.progress-text{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;text-align:center}.export-error{align-items:center;background:#dc354526;border:1px solid #dc35454d;border-radius:8px;color:#ff6b6b;display:flex;font-size:13px;gap:8px;padding:12px}.export-success{align-items:flex-start;background:#28a74526;border:1px solid #28a7454d;border-radius:8px;display:flex;gap:12px;padding:16px}.export-success svg{color:#28a745;flex-shrink:0}.success-info{display:flex;flex-direction:column;gap:4px}.success-title{color:#28a745;font-size:14px;font-weight:600}.success-filename{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.success-link{color:#e63478;color:var(--studio-accent);font-size:12px;margin-top:4px}.success-link:hover{text-decoration:underline}.export-modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.export-modal-footer .cancel-btn{background:#3a3a42;background:var(--studio-border);border:none;border-radius:8px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s}.export-modal-footer .cancel-btn:hover:not(:disabled){background:#29292f;background:var(--studio-bg)}.export-modal-footer .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.export-action-btn{align-items:center;background:#e63478;background:var(--studio-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .15s}.export-action-btn:hover:not(:disabled){background:#d13a52}.export-action-btn:disabled{cursor:not-allowed;opacity:.5}.export-action-btn .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.intel-tabs{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;padding:0 12px}.intel-tab{align-items:center;background:none;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 16px;position:relative;transition:color .15s}.intel-tab.active,.intel-tab:hover{color:#fff;color:var(--studio-text)}.intel-tab.active:after{bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.intel-tab.active:after,.tab-badge{background:#e63478;background:var(--studio-accent)}.tab-badge{font-size:10px}.compliance-score-section{padding:16px!important}.compliance-header{align-items:center;display:flex;gap:12px}.compliance-gauge{flex-shrink:0}.compliance-summary{display:flex;flex:1 1;flex-direction:column;gap:4px}.score-label{color:#fff;color:var(--studio-text);font-size:14px;font-weight:500}.last-check{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.recheck-btn{align-items:center;background:#29292f;background:var(--studio-toolbar-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s;width:32px}.recheck-btn:hover:not(:disabled){background:#29292f;background:var(--studio-bg);border-color:#e63478;border-color:var(--studio-accent)}.recheck-btn:disabled{cursor:not-allowed;opacity:.5}.compliance-issues-list{display:flex;flex-direction:column;gap:8px}.compliance-issue-item{align-items:flex-start;background:#0003;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:10px}.compliance-issue-item.error{background:#dc354526;border-left:3px solid #dc3545}.compliance-issue-item.warning{background:#ffc10726;border-left:3px solid #ffc107}.compliance-issue-item.info{background:#17a2b826;border-left:3px solid #17a2b8}.issue-icon{flex-shrink:0;font-size:14px}.issue-message{color:#fff;color:var(--studio-text);flex:1 1;line-height:1.4}.tips-list{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;margin:0;padding:0 0 0 16px}.tips-list li{line-height:1.4;margin-bottom:6px}.preflight-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.preflight-modal{background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:520px}.preflight-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 20px}.preflight-modal-header h3{color:#fff;color:var(--studio-text);font-size:18px;font-weight:600;margin:0}.preflight-modal-content{flex:1 1;overflow-y:auto;padding:20px}.preflight-overall-status{background:#0003;border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.preflight-overall-status.passed{background:#28a74526}.preflight-overall-status.warning{background:#ffc10726}.preflight-overall-status.failed{background:#dc354526}.status-indicator{align-items:center;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center}.status-icon{font-size:24px}.status-icon.passed{color:#28a745}.status-icon.warning{color:#ffc107}.status-icon.failed{color:#dc3545}.status-icon.pending{color:#ffffffaa;color:var(--studio-text-muted)}.status-counts{display:flex;gap:12px;justify-content:center;margin-top:12px}.status-counts .count{border-radius:12px;font-size:12px;padding:4px 10px}.status-counts .count.error{background:#dc354533;color:#dc3545}.status-counts .count.warning{background:#ffc10733;color:#ffc107}.status-counts .count.info{background:#17a2b833;color:#17a2b8}.preflight-categories{display:flex;flex-direction:column;gap:8px}.preflight-check-category{background:#0003;border-radius:8px;overflow:hidden}.check-category-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .15s}.check-category-header:hover{background:#0000001a}.category-icon{font-size:16px}.category-name{flex:1 1;font-size:13px;font-weight:500}.category-status{align-items:center;display:flex;gap:6px}.check-icon{font-size:14px}.check-icon.passed{color:#28a745}.check-icon.warning{color:#ffc107}.check-icon.failed{color:#dc3545}.issue-count{font-size:11px}.expand-toggle,.issue-count{color:#ffffffaa;color:var(--studio-text-muted)}.expand-toggle{font-size:10px}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top:2px solid var(--studio-accent);height:12px;width:12px}.category-issues{display:flex;flex-direction:column;gap:6px;padding:0 14px 12px}.preflight-issue-row{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:12px;gap:8px;padding:8px 10px}.preflight-issue-row.error{background:#dc35451a}.preflight-issue-row.warning{background:#ffc1071a}.preflight-issue-row.info{background:#17a2b81a}.issue-severity-badge{border-radius:4px;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;text-transform:uppercase}.issue-category-icon{font-size:12px}.issue-text{color:#fff;color:var(--studio-text);flex:1 1}.preflight-blocking-notice,.preflight-warning-notice{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:10px;margin-top:16px;padding:12px 14px}.preflight-blocking-notice{background:#dc354526;color:#dc3545}.preflight-warning-notice{background:#ffc10726;color:#ffc107}.preflight-modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.preflight-modal-footer .cancel-btn{background:#29292f;background:var(--studio-toolbar-bg);border:none;border-radius:8px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s}.preflight-modal-footer .cancel-btn:hover:not(:disabled){background:#29292f;background:var(--studio-bg)}.preflight-modal-footer .recheck-btn{align-items:center;background:#29292f;background:var(--studio-toolbar-bg);border:none;border-radius:8px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .15s}.preflight-modal-footer .recheck-btn:hover:not(:disabled){background:#29292f;background:var(--studio-bg)}.preflight-modal-footer .export-btn{align-items:center;background:#e63478;background:var(--studio-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .15s}.preflight-modal-footer .export-btn:hover:not(:disabled){background:#d13a52}.preflight-modal-footer .export-btn.disabled,.preflight-modal-footer .export-btn:disabled{background:#555;cursor:not-allowed;opacity:.6}.export-btn.preflight{background:#29292f;background:var(--studio-toolbar-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border)}.export-btn.preflight:hover{background:#29292f;background:var(--studio-bg);border-color:#e63478;border-color:var(--studio-accent)}.export-section{display:flex;gap:8px}.brief-sections-list{gap:12px}.brief-section-card{background:#ffffff08;border:1px solid #ffffff0d}.brief-section-card:hover{border-color:#e945604d}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.section-header.clickable{border-radius:6px;cursor:pointer;margin:-6px -8px 8px;padding:6px 8px;transition:background .15s ease}.section-header.clickable:hover{background:#e9456026}.section-header.clickable:hover .section-title{color:#fff}.section-title{color:#e63478;color:var(--studio-accent);font-weight:500}.section-rounds-badge{background:#ffffff1a;border-radius:10px;color:#888;font-size:10px;padding:2px 6px}.section-creative{align-items:center;display:flex;gap:4px;margin-bottom:8px;position:relative}.section-creative.active .section-creative-thumb{border-color:#e63478;border-color:var(--studio-accent);box-shadow:0 0 10px #e9456066}.section-creative-thumb{aspect-ratio:16/9;background:#0000004d;border:2px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;overflow:hidden;transition:all .2s ease}.section-creative-thumb:hover{border-color:#e9456080}.section-creative-thumb img{height:100%;object-fit:cover;width:100%}.creative-placeholder{color:#666;font-size:12px;height:100%;text-transform:uppercase;width:100%}.creative-placeholder,.round-nav{align-items:center;display:flex;justify-content:center}.round-nav{background:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;height:40px;transition:all .2s;width:24px}.round-nav:hover:not(:disabled){background:#e9456099}.round-nav:disabled{cursor:not-allowed;opacity:.3}.round-indicator{background:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px}.section-assets{display:flex;gap:6px;margin-bottom:8px}.asset-link{font-size:14px;opacity:.7;text-decoration:none;transition:opacity .2s}.asset-link:hover{opacity:1}.asset-more{color:#888;font-size:11px;padding:2px 4px}.section-details{margin-top:8px}.section-details summary{color:#888;cursor:pointer;font-size:11px;padding:4px 0}.section-details summary:hover{color:#e63478;color:var(--studio-accent)}.brief-subsections{border-left:2px solid #e945604d;margin-top:8px;padding-left:12px}.brief-subsection{font-size:12px;line-height:1.4;margin-bottom:8px}.brief-subsection strong{color:#999;display:block;margin-bottom:2px}.brief-subsection span{color:#ccc}.brief-subsection p{margin:0}.creative-brief-sections{display:flex;flex-direction:column;gap:8px}.brief-section-item{background:#ffffff0d;border-radius:4px;padding:8px}.brief-section-item summary{color:#e63478;color:var(--studio-accent);cursor:pointer;font-weight:500}.brief-section-item summary:hover{color:#ff6b8a}.rounds-list{gap:12px}.round-group{background:#ffffff08;border-radius:6px;padding:8px}.round-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.round-label{color:#ccc;font-weight:500}.round-files{background:#ffffff1a;border-radius:10px;color:#999;font-size:11px;padding:2px 6px}.round-creatives{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.creative-thumb{aspect-ratio:1;background:#ffffff0d;border:2px solid #0000;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .2s ease}.creative-thumb:hover{border-color:#e9456080;transform:scale(1.05)}.creative-thumb.active{border-color:#e63478;border-color:var(--studio-accent);box-shadow:0 0 8px #e9456080}.creative-thumb img{height:100%;object-fit:cover;width:100%}.creative-thumb-placeholder{align-items:center;color:#666;display:flex;font-size:10px;height:100%;justify-content:center;text-transform:uppercase;width:100%}.round-item{align-items:center;background:#ffffff0d;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:6px 8px}.project-status{color:#4caf50;font-size:11px}.current-section-info{background:#29292f;background:var(--studio-bg);border-radius:6px;padding:8px 12px}.section-heading{color:#fff;color:var(--studio-text)}.assets-list{display:flex;flex-direction:column;gap:8px}.asset-item{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #0000;border-radius:6px;cursor:grab;display:flex;gap:8px;padding:10px 12px;transition:all .15s}.asset-item:hover{background:#ffffff0d;border-color:#3a3a42;border-color:var(--studio-border)}.asset-item:active{cursor:grabbing}.asset-item.asset-dropbox{border-left:3px solid #0061ff}.asset-item.asset-creativehub{border-left:3px solid #ff6b6b}.asset-item.asset-link{border-left:3px solid #888}.asset-icon{font-size:16px}.asset-label{color:#fff;color:var(--studio-text);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-open{background:#3a3a42;background:var(--studio-border);border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;padding:4px 8px;text-decoration:none;transition:all .15s}.asset-open:hover{background:#e63478;background:var(--studio-accent);color:#fff;color:var(--studio-text)}.vectorized-assets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.vectorized-asset-thumb{aspect-ratio:1;background:#29292f;background:var(--studio-bg);border:2px solid #0000;border-radius:6px;cursor:grab;overflow:hidden;transition:all .15s}.vectorized-asset-thumb:hover{border-color:#e63478;border-color:var(--studio-accent);transform:scale(1.05)}.vectorized-asset-thumb:active{cursor:grabbing}.vectorized-asset-thumb img{height:100%;object-fit:cover;width:100%}.vectorized-asset-thumb.selected{box-shadow:0 0 0 2px #e945604d}.vectorized-asset-thumb .selected-check{font-weight:700}.asset-placeholder{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.canvas-container.drag-over{outline:3px dashed #e63478;outline:3px dashed var(--studio-accent);outline-offset:-3px}.canvas-container.drag-over:after{background:#e63478;background:var(--studio-accent);border-radius:8px;color:#fff;content:"Drop asset here";font-weight:500;left:50%;padding:12px 24px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.api-warning{align-items:flex-start;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#fff;color:var(--studio-text);display:flex;gap:12px;margin:16px;padding:16px}.api-warning-icon{font-size:24px}.api-warning-content{flex:1 1}.api-warning-content strong{color:#ffc107;display:block;margin-bottom:4px}.api-warning-content p{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;line-height:1.4;margin:0}.generation-panel{background:#1f1f24;background:var(--studio-panel-bg)}.generation-preview{background:#29292f;background:var(--studio-bg);border-radius:8px;flex:1 1;margin:16px;min-height:300px;overflow:hidden}.generation-preview,.preview-image-container{align-items:center;display:flex;justify-content:center;position:relative}.preview-image-container{height:100%;width:100%}.preview-image{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.preview-placeholder{color:#ffffffaa;color:var(--studio-text-muted);padding:40px;text-align:center}.placeholder-icon{font-size:64px;margin-bottom:16px}.placeholder-hint{font-size:12px;margin-top:8px;opacity:.7}.feedback-overlay{align-items:center;background:#ffc1071a;border:2px dashed #ffc107;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.feedback-overlay span{background:#ffc107;border-radius:4px;color:#000;font-weight:500;padding:8px 16px}.preview-nav{bottom:16px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.preview-nav-dot{background:#ffffffaa;background:var(--studio-text-muted);border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .15s;width:10px}.preview-nav-dot.active{background:#e63478;background:var(--studio-accent);transform:scale(1.2)}.generation-controls{gap:12px;max-height:45%;overflow-y:auto;padding:16px}.generation-field{display:flex;flex-direction:column;gap:6px}.generation-field label{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;justify-content:space-between}.field-label{color:#fff;color:var(--studio-text);font-weight:500}.field-source{color:#e63478;color:var(--studio-accent);font-size:11px}.brief-context-input,.feedback-input,.user-prompt-input{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);font-family:inherit;font-size:13px;padding:10px 12px;resize:vertical}.brief-context-input:focus,.feedback-input:focus,.user-prompt-input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.brief-context-input{background:#4a90e21a;border-color:#4a90e24d}.feedback-input{background:#ffc1071a;border-color:#ffc10780}.feedback-field label .field-label{color:#ffc107}.selected-assets-preview{display:flex;flex-direction:column;gap:6px}.selected-assets-preview label{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.selected-assets-list{display:flex;flex-wrap:wrap;gap:6px}.selected-asset-tag{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:4px;color:#fff;display:flex;font-size:11px;gap:4px;padding:4px 8px}.selected-asset-tag .remove-asset{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:0 2px}.selected-asset-tag .remove-asset:hover{opacity:1}.size-selection{display:flex;gap:8px}.size-btn{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px;transition:all .15s}.size-btn:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted)}.size-btn.active{background:#4a90e21a;border-color:#e63478;border-color:var(--studio-accent);color:#fff;color:var(--studio-text)}.size-icon{font-size:16px}.size-name{font-size:10px}.generation-error{align-items:center;background:#dc354526;border:1px solid #dc35454d;border-radius:6px;color:#dc3545;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.generation-error button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px}.generation-actions{display:flex;gap:8px;margin-top:8px}.generate-btn{flex:1 1;font-weight:500;justify-content:center;padding:12px 24px}.generate-btn:hover:not(:disabled){background:#3a7bc8}.cancel-feedback-btn,.feedback-btn{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;padding:12px 16px;transition:all .15s}.feedback-btn:hover{border-color:#ffc107;color:#ffc107}.cancel-feedback-btn:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted)}.generation-history{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding:12px 16px}.generation-history label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:12px;margin-bottom:8px}.history-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.history-thumb{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .15s;width:60px}.history-thumb:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted)}.history-thumb.active{border-color:#e63478;border-color:var(--studio-accent)}.history-thumb img{height:100%;object-fit:cover;width:100%}.selected-section{background:#4a90e21a;border-radius:8px;margin:-4px!important;padding:12px!important}.selected-assets-grid{display:flex;flex-wrap:wrap}.selected-asset-item{border:2px solid #e63478;border:2px solid var(--studio-accent);border-radius:6px;cursor:pointer;height:50px;overflow:hidden;position:relative;width:50px}.selected-asset-item img{height:100%;object-fit:cover;width:100%}.selected-asset-item .remove-badge{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.clear-selected-btn{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:11px;margin-top:8px;padding:6px;transition:all .15s;width:100%}.clear-selected-btn:hover{border-color:#dc3545;color:#dc3545}.asset-item.selected{background:#4a90e226;border-color:#e63478;border-color:var(--studio-accent)}.asset-checkbox{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.asset-item.selected .asset-checkbox{background:#e63478;background:var(--studio-accent);border-color:#e63478;border-color:var(--studio-accent);color:#fff}.vectorized-asset-thumb.selected{border-color:#e63478;border-color:var(--studio-accent);box-shadow:0 0 0 2px #4a90e24d}.vectorized-asset-thumb .selected-check{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.vectorized-asset-thumb{position:relative}.generation-panel-simple{background:#29292f;background:var(--studio-bg);display:flex;flex-direction:column;height:100%}.generation-canvas{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:24px}.canvas-image-container{max-height:100%;max-width:100%;position:relative}.canvas-image{border-radius:8px}.canvas-platform-badge{background:#000000b3;border-radius:12px;color:#fff;font-size:11px;padding:4px 10px;position:absolute;right:12px;top:12px}.canvas-image-info{align-items:center;background:linear-gradient(#0000,#000c);border-radius:0 0 8px 8px;bottom:0;display:flex;gap:8px;left:0;padding:12px 16px;position:absolute;right:0}.canvas-image-name{color:#fff;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap}.canvas-round-badge{background:#e63478;background:var(--studio-accent)}.canvas-generated-badge,.canvas-round-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.canvas-generated-badge{background:#10b981}.canvas-actions{display:flex;gap:6px;left:12px;position:absolute;top:12px}.canvas-action-btn{align-items:center;background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s;width:28px}.canvas-action-btn:hover{background:#dc3545e6}.canvas-placeholder{color:#ffffffaa;color:var(--studio-text-muted);padding:40px;text-align:center}.canvas-placeholder .placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.canvas-placeholder p{margin:8px 0}.canvas-placeholder .placeholder-hint{font-size:12px;opacity:.7}.canvas-placeholder .placeholder-platform{background:#ffffff0d;border-radius:4px;display:inline-block;font-size:11px;margin-top:12px;opacity:.6;padding:6px 12px}.generation-bottom-bar{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:16px;padding:12px 16px}.generation-history-strip{display:flex;flex:1 1;gap:8px;overflow-x:auto;padding:4px 0}.generation-history-strip .history-thumb{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;position:relative;transition:all .15s;width:72px}.generation-history-strip .history-thumb:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted)}.generation-history-strip .history-thumb.active{border-color:#e63478;border-color:var(--studio-accent)}.generation-history-strip .history-thumb.source{border-color:#3498db;position:relative}.generation-history-strip .history-thumb.source.active{border-color:#2980b9;box-shadow:0 0 0 2px #3498db4d}.generation-history-strip .thumb-label{background:#000c;border-radius:2px;bottom:2px;color:#fff;font-size:8px;font-weight:700;left:50%;letter-spacing:.5px;padding:1px 4px;position:absolute;transform:translateX(-50%)}.generation-history-strip .thumb-label.gen{background:#10b981}.generation-history-strip .history-thumb.round{border-color:#e945604d}.generation-history-strip .history-thumb.generated{border-color:#10b9814d}.generation-history-strip .history-thumb.generated.active{border-color:#10b981}.filmstrip-empty{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;font-style:italic;justify-content:center;padding:8px 16px}.generation-history-strip .history-thumb img{height:100%;object-fit:cover;width:100%}.history-more{align-items:center;background:#29292f;background:var(--studio-bg);border-radius:8px;color:#ffffffaa;color:var(--studio-text-muted);display:flex;flex-shrink:0;font-size:12px;height:72px;justify-content:center;width:72px}.generation-action{align-items:center;display:flex;gap:12px}.generation-error-inline{align-items:center;background:#dc354526;border-radius:6px;color:#dc3545;display:flex;font-size:12px;gap:8px;padding:6px 12px}.generation-error-inline button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0}.api-warning-inline{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.generate-btn-main{align-items:center;background:#e63478;background:var(--studio-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .15s;white-space:nowrap}.generate-btn-main:hover:not(:disabled){background:#c7354f}.generate-btn-main:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.generation-context-preview{background:#0000004d;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border)}.generation-context-preview .context-summary{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 16px;-webkit-user-select:none;user-select:none}.generation-context-preview .context-summary:hover{background:#ffffff0d;color:#fff;color:var(--studio-text)}.generation-context-preview .context-icon{font-size:14px}.generation-context-preview .context-count{background:#ffffff1a;border-radius:10px;font-size:10px;margin-left:auto;padding:2px 8px}.generation-context-preview .context-content{background:#0003;max-height:200px;overflow-y:auto;padding:12px 16px}.generation-context-preview .context-content pre{color:#fff;color:var(--studio-text);font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.generation-mode-bar{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;gap:10px;padding:10px 16px}.generation-mode-bar.edit{background:linear-gradient(90deg,#3498db26,#1f1f24);background:linear-gradient(90deg,#3498db26 0,var(--studio-panel-bg) 100%);border-bottom-color:#3498db4d}.generation-mode-bar.create{background:linear-gradient(90deg,#e9456026,#1f1f24);background:linear-gradient(90deg,#e9456026 0,var(--studio-panel-bg) 100%);border-bottom-color:#e945604d}.generation-mode-bar .mode-icon{font-size:16px}.generation-mode-bar .mode-label{color:#fff;color:var(--studio-text);font-size:13px;font-weight:600}.generation-mode-bar.edit .mode-label{color:#3498db}.generation-mode-bar.create .mode-label{color:#e63478;color:var(--studio-accent)}.generation-mode-bar .mode-description{color:#ffffffaa;color:var(--studio-text-muted);flex:1 1;font-size:12px}.generation-mode-bar .mode-section{background:#ffffff1a;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;max-width:200px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.round-feedback-bar{background:#f973161a;border-bottom:1px solid #f9731633;border-top:1px solid #f9731633;padding:12px 16px}.round-feedback-label{align-items:center;color:#f97316;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:6px}.round-feedback-icon{font-size:14px}.round-feedback-text{background:#0003;border-radius:6px;color:#fff;color:var(--studio-text);font-size:13px;line-height:1.5;max-height:80px;overflow-y:auto;padding:8px 12px}.edit-instructions-bar{background:#3498db14;border-bottom:1px solid #3498db33;border-top:1px solid #3498db33;padding:12px 16px}.edit-instructions-bar .edit-label{align-items:center;color:#3498db;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:8px}.edit-instructions-bar .edit-label-icon{font-size:14px}.edit-instructions-bar .edit-input{background:#29292f;background:var(--studio-bg);border:1px solid #3498db4d;border-radius:8px;color:#fff;color:var(--studio-text);font-family:inherit;font-size:13px;padding:10px 12px;resize:vertical;transition:border-color .15s;width:100%}.edit-instructions-bar .edit-input:focus{border-color:#3498db;outline:none}.edit-instructions-bar .edit-input::placeholder{color:#ffffffaa;color:var(--studio-text-muted)}.generate-btn-main.edit{background:#3498db}.generate-btn-main.edit:hover:not(:disabled){background:#2980b9}.platform-selector{background:#1f1f24;background:var(--studio-panel-bg);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);padding:12px 16px}.platform-selector-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.platform-buttons{display:flex;flex-wrap:wrap;gap:6px}.platform-btn-compact{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.platform-btn-compact:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted)}.platform-btn-compact.active{background:#e9456026;border-color:#e63478;border-color:var(--studio-accent)}.platform-btn-compact .platform-icon{font-size:18px}.platform-selected-info{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:6px;color:#fff;display:flex;font-size:12px;justify-content:space-between;margin-top:8px;padding:8px 10px}.platform-selected-info .platform-name{font-weight:500}.platform-selected-info .platform-dims{font-family:monospace;opacity:.9}.brief-subsection-detail{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);margin-bottom:12px;padding-bottom:12px}.brief-subsection-detail:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.brief-subsection-detail strong{color:#fff;color:var(--studio-text);display:block;font-size:12px;margin-bottom:4px}.subsection-content{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;line-height:1.5}.subsection-content a{color:#e63478;color:var(--studio-accent)}.brief-empty-state{color:#ffffffaa;color:var(--studio-text-muted);padding:32px 16px;text-align:center}.selected-summary{background:#e945601a;border-radius:8px;padding:8px 12px!important}.selected-summary-header{align-items:center;color:#fff;color:var(--studio-text);display:flex;font-size:12px;justify-content:space-between}.clear-btn{background:none;border:none;color:#e63478;color:var(--studio-accent);cursor:pointer;font-size:12px}.clear-btn:hover{text-decoration:underline}.generation-panel--three-col{display:grid;grid-template-columns:1fr 250px 320px;height:100%;overflow:hidden}.generation-col{border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border);display:flex;flex-direction:column;overflow:hidden}.generation-col:last-child{border-right:none}.generation-col--preview{background:#29292f;background:var(--studio-bg);overflow-y:auto;padding:16px}.generation-col--preview .generation-preview{flex:1 1;margin:0;min-height:250px}.generation-col--preview .generation-history{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:16px;padding:12px 0 0}.generation-col--assets{background:#1f1f24;background:var(--studio-panel-bg);overflow-y:auto;padding:16px}.assets-section{display:flex;flex-direction:column;gap:12px}.section-title{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);color:#fff;color:var(--studio-text);font-size:13px;font-weight:600;margin:0;padding-bottom:8px}.assets-placeholder{background:#29292f;background:var(--studio-bg);border-radius:8px;color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;padding:24px 16px;text-align:center}.selected-assets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.selected-asset-card{aspect-ratio:1;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;overflow:hidden;position:relative}.selected-asset-card img{height:100%;object-fit:cover;width:100%}.selected-asset-card .asset-name{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:4px 6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.selected-asset-card .remove-asset{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .15s;width:20px}.selected-asset-card:hover .remove-asset{opacity:1}.generation-col--controls{background:#1f1f24;background:var(--studio-panel-bg);display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.generation-col--controls .api-warning{margin:0;padding:12px}.platform-selection{display:flex;flex-direction:column;gap:12px}.platform-groups{gap:8px;max-height:180px;overflow-y:auto;padding-right:4px}.platform-group,.platform-groups{display:flex;flex-direction:column}.platform-group{gap:4px}.platform-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.platform-options{display:flex;flex-wrap:wrap;gap:4px}.platform-btn{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:11px;gap:6px;padding:6px 10px;transition:all .15s}.platform-btn:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted);color:#fff;color:var(--studio-text)}.platform-btn.active{background:#e9456026;border-color:#e63478;border-color:var(--studio-accent);color:#fff;color:var(--studio-text)}.platform-icon{font-size:14px}.platform-name{flex:1 1}.platform-size{color:#ffffffaa;color:var(--studio-text-muted);font-family:monospace;font-size:9px}.platform-btn.active .platform-size{color:#e63478;color:var(--studio-accent)}.selected-platform-info{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:6px;color:#fff;display:flex;justify-content:space-between;padding:10px 12px}.platform-badge{font-size:13px;font-weight:500}.platform-dimensions{font-family:monospace;font-size:12px;opacity:.9}.generation-col--controls .generation-field{margin-bottom:0}.generation-col--controls .brief-context-input{min-height:60px}.generation-col--controls .user-prompt-input{min-height:50px}.generation-col--controls .generation-actions{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:auto;padding-top:12px}.generation-col--controls .generate-btn{width:100%}@media (max-width:1200px){.generation-panel--three-col{grid-template-columns:1fr 200px 280px}}@media (max-width:1000px){.generation-panel--three-col{grid-template-columns:1fr 250px}.generation-col--assets{display:none}}.brief-panel.sidebar{min-width:280px;width:320px}.brief-brand-name{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;margin-left:12px}.brief-project-title{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);font-size:14px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.brief-sections-list{display:flex;flex-direction:column;gap:8px}.brief-section-card{background:#29292f;background:var(--studio-bg);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .15s}.brief-section-card:hover{background:#ffffff0d}.brief-section-card.active{background:#e945601a;border-color:#e63478;border-color:var(--studio-accent)}.brief-section-card.active.expanded{cursor:pointer}.brief-section-card.active.expanded:hover{background:#e9456026}.brief-section-card .collapse-arrow{color:#ffffffaa;color:var(--studio-text-muted);flex-shrink:0;font-size:10px;margin-left:auto}.section-thumb{background:#3a3a42;background:var(--studio-border);border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.section-thumb img{height:100%;object-fit:cover;width:100%}.section-thumb-placeholder{align-items:center;background:linear-gradient(135deg,#3a3a42,#29292f);background:linear-gradient(135deg,var(--studio-border),var(--studio-bg));border-radius:6px;display:flex;height:100%;justify-content:center;width:100%}.placeholder-icon{color:#ffffffaa;color:var(--studio-text-muted);font-size:24px;opacity:.5}.brief-section-card.no-creative{border-style:dashed;opacity:.7}.brief-section-card.no-creative:hover{border-color:#e63478;border-color:var(--studio-accent);opacity:1}.brief-section-card.no-creative .section-thumb-placeholder{background:linear-gradient(135deg,#e945601a,#29292f);background:linear-gradient(135deg,#e945601a,var(--studio-bg));border:1px dashed #e945604d}.brief-section-card.no-creative:hover .placeholder-icon{color:#e63478;color:var(--studio-accent);opacity:1}.brief-section-card.local-section{background:linear-gradient(135deg,#a855f714,#0000);border-color:#a855f74d;position:relative}.brief-section-card.local-section:hover{border-color:#a855f780}.brief-section-card.local-section.active{background:#a855f726;border-color:#a855f7}.local-section-badge{background:#a855f733;border-radius:4px;color:#a855f7;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;position:absolute;right:4px;text-transform:uppercase;top:4px}.brief-section-card.local-section .section-thumb-placeholder{background:linear-gradient(135deg,#a855f726,#29292f);background:linear-gradient(135deg,#a855f726,var(--studio-bg));border:1px dashed #a855f766}.brief-section-card.local-section .section-meta{color:#a855f7cc}.add-section-btn{align-items:center;background:#0000;border:2px dashed #3a3a42;border:2px dashed var(--studio-border);border-radius:8px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:all .2s ease;width:100%}.add-section-btn:hover{background:#e634780d;border-color:#e63478;border-color:var(--studio-accent);color:#e63478;color:var(--studio-accent)}.add-section-icon{font-size:18px;font-weight:300;line-height:1}.add-section-text{font-weight:500}.brief-empty-guidance{background:#006ba51a;border:1px solid #006ba533;border-radius:8px;margin-top:8px;padding:16px;text-align:center}.brief-empty-guidance .guidance-title{color:#006ba5;color:var(--studio-accent-alt);font-size:14px;font-weight:600;margin:0 0 8px}.brief-empty-guidance .guidance-text{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;line-height:1.5;margin:0}.section-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.section-heading{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-meta{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-top:4px}.brief-project-info{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:auto;padding-top:16px}.brief-project-info.top{background:#2a2a32;background:var(--studio-card-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;border-top:none;margin-bottom:16px;margin-top:0;padding:12px}.brief-project-info .brand-name{color:#fff;color:var(--studio-text);font-size:14px;font-weight:600;margin-bottom:4px}.brief-project-info .board-name{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;line-height:1.3}.brief-project-info .project-name{font-size:13px;font-weight:500}.brief-project-info .company-name{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-top:2px}.brief-empty{padding:32px 16px;text-align:center}.brief-empty,.canvas-layers-indicator{color:#ffffffaa;color:var(--studio-text-muted)}.canvas-layers-indicator{align-items:center;background:#e634781a;border:1px solid #e634784d;border-radius:6px;display:flex;font-size:11px;justify-content:space-between;margin:12px 0;padding:8px 12px}.canvas-layers-indicator span{color:#e63478;color:var(--studio-accent);font-weight:500}.clear-layers-btn{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:10px;padding:4px 10px;transition:all .15s}.clear-layers-btn:hover{background:#e63478;background:var(--studio-accent);border-color:#e63478;border-color:var(--studio-accent);color:#fff}.generation-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.canvas-area{background:#29292f;background:var(--studio-bg);display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.zoom-controls{align-items:center;background:#0009;border-radius:6px;display:flex;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:10}.zoom-controls button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.zoom-controls button:hover{background:#ffffff1a}.zoom-level{color:#ffffffb3;font-size:12px;min-width:40px;text-align:center}.canvas-viewport{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:visible;overscroll-behavior:contain;padding:20px;position:relative;touch-action:none}.canvas-scale-wrapper{transition:none}.canvas-image-wrapper{transform-origin:center;transition:none}.canvas-editor-wrapper{align-items:center;background:#f5f5f5;border-radius:4px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:center;overflow:hidden;position:relative;transform-origin:center;transition:transform .2s ease}.canvas-editor-wrapper.annotation-active{cursor:crosshair}.canvas-editor-wrapper.annotation-active .annotation-overlay{z-index:100}.canvas-image{border-radius:4px;box-shadow:0 4px 20px #0000004d;height:100%;object-fit:contain;width:100%}.canvas-empty{color:#ffffffaa;color:var(--studio-text-muted);text-align:center}.canvas-empty.new-creative-mode{align-items:center;display:flex;justify-content:center;padding:40px}.new-creative-setup{max-width:600px;text-align:center}.new-creative-setup h3{color:#fff;color:var(--studio-text);font-size:24px;font-weight:600;margin:0 0 8px}.new-creative-setup>p{color:#ffffffaa;color:var(--studio-text-muted);font-size:14px;margin:0 0 24px}.size-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.size-preset-btn{align-items:center;background:#2a2a32;background:var(--studio-card-bg);border:2px solid #3a3a42;border:2px solid var(--studio-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:90px;padding:12px 16px;transition:all .2s ease}.size-preset-btn:hover{background:#ffffff1a}.size-preset-btn.active,.size-preset-btn:hover{border-color:#e63478;border-color:var(--studio-accent)}.size-preset-btn.active{background:#e6347826}.size-preview{background:#3a3a42;background:var(--studio-border);border-radius:3px;min-height:20px;min-width:20px}.size-preset-btn.active .size-preview{background:#e63478;background:var(--studio-accent)}.size-name{color:#fff;color:var(--studio-text);font-size:12px;font-weight:600}.size-dims{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px}.selected-size-info{background:#e634781a;border-radius:8px;color:#fff;color:var(--studio-text);font-size:14px;margin-bottom:16px;padding:12px 20px}.selected-size-info strong{color:#e63478;color:var(--studio-accent)}.new-creative-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;font-style:italic;margin:0}.canvas-info{align-items:center;background:#0000004d;display:flex;font-size:12px;gap:8px;padding:8px 16px}.gen-badge,.round-badge{border-radius:4px;font-size:11px;font-weight:500;padding:2px 8px}.round-badge{background:#e63478;background:var(--studio-accent);color:#fff}.gen-badge{background:#22c55e;color:#fff}.annotation-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.zoom-divider{background:#3a3a42;background:var(--studio-border);height:20px;margin:0 4px;width:1px}.annotation-toggle{background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:12px;padding:4px 12px;transition:all .15s ease}.annotation-toggle:hover{background:var(--studio-hover-bg)}.annotation-toggle.active,.annotation-toggle:hover{border-color:#e63478;border-color:var(--studio-accent)}.annotation-toggle.active{background:#e63478;background:var(--studio-accent);color:#fff}.annotation-toggle.has-annotations:not(.active){border-color:#ef4444;color:#ef4444}.canvas-image-wrapper.annotation-active{position:relative}.annotation-overlay{height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:10}.annotation-canvas-wrapper{height:100%;position:relative;width:100%}.annotation-toolbar{align-items:center;background:#000000d9;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:8px;left:50%;padding:6px 12px;position:absolute;top:8px;transform:translateX(-50%);z-index:20}.annotation-tools{display:flex;gap:4px}.annotation-tool-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#aaa;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.annotation-tool-btn:hover{background:#ffffff1a;color:#fff}.annotation-tool-btn.active{background:#e63478;background:var(--studio-accent);color:#fff}.annotation-toolbar-divider{background:#fff3;height:24px;width:1px}.annotation-size-control{align-items:center;color:#aaa;display:flex;font-size:11px;gap:6px}.annotation-size-control input[type=range]{cursor:pointer;width:60px}.annotation-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.annotation-action-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.annotation-action-btn:disabled{cursor:not-allowed;opacity:.3}.annotation-hint{color:#ef4444;font-size:10px;margin-left:8px}.annotation-canvas{cursor:crosshair;left:0;position:absolute;top:0}.annotation-canvas.disabled{cursor:default;pointer-events:none}.annotation-color-picker{position:relative}.annotation-color-btn{border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:24px;transition:all .15s ease;width:24px}.annotation-color-btn:hover{border-color:#fff;transform:scale(1.1)}.annotation-color-dropdown{grid-gap:6px;background:#000000f2;border-radius:8px;box-shadow:0 4px 16px #0006;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);left:50%;margin-top:8px;padding:8px;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.annotation-color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .15s ease;width:28px}.annotation-color-option:hover{border-color:#ffffff80;transform:scale(1.15)}.annotation-color-option.active{border-color:#fff;box-shadow:0 0 0 2px #e63478;box-shadow:0 0 0 2px var(--studio-accent)}.annotation-font-picker{position:relative}.annotation-font-btn{background:#0000;border:1px solid #fff3;border-radius:4px;color:#aaa;cursor:pointer;font-size:14px;font-weight:600;padding:4px 10px;transition:all .15s ease}.annotation-font-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.annotation-font-dropdown{background:#000000f2;border-radius:8px;box-shadow:0 4px 16px #0006;left:50%;margin-top:8px;min-width:150px;padding:6px;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.annotation-font-option{background:#0000;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.annotation-font-option:hover{background:#ffffff1a;color:#fff}.annotation-font-option.active{background:#e63478;background:var(--studio-accent);color:#fff}.annotation-text-input-wrapper{pointer-events:auto;z-index:30}.annotation-text-input{background:#000c;border:2px solid #e63478;border:2px solid var(--studio-accent);border-radius:4px;box-shadow:0 4px 12px #0000004d;max-width:400px;min-width:150px;outline:none;padding:6px 10px}.annotation-text-input::placeholder{color:#fff6}.annotation-commit-btn{background:#e63478;background:var(--studio-accent);border:1px solid #e63478;border:1px solid var(--studio-accent);border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.annotation-commit-btn:hover{background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.analysis-bar{align-items:center;background:#1e1e2e;background:var(--studio-surface,#1e1e2e);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);display:flex;gap:0;height:40px;padding:0}.analysis-bar .creative-info{align-items:center;border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border,#ffffff1a);display:flex;flex-shrink:0;gap:6px;height:100%;padding:0 12px}.analysis-bar .creative-name{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-bar .gen-badge,.analysis-bar .round-badge{border-radius:3px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.analysis-bar .round-badge{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.analysis-bar .gen-badge{background:#10b981;color:#fff}.analysis-bar .analyze-btn{align-items:center;background:#0000;border:none;border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border,#ffffff1a);color:#fff;color:var(--studio-text,#fff);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;height:100%;justify-content:center;padding:0 14px;transition:background .15s ease}.analysis-bar .analyze-btn:hover:not(:disabled){background:#ffffff0d}.analysis-bar .analyze-btn:disabled{cursor:not-allowed;opacity:.5}.analysis-bar .analyze-btn.analyzing{color:#e63478;color:var(--studio-accent,#e63478)}.analyze-icon{font-size:12px}.analyze-spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top:2px solid var(--studio-accent,#e63478);height:12px;width:12px}.traffic-lights{gap:0}.traffic-light,.traffic-lights{display:flex;flex:1 1;height:100%}.traffic-light{align-items:center;background:#0000;border:none;border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border,#ffffff1a);cursor:pointer;gap:6px;justify-content:center;min-width:0;padding:0 12px;transition:background .15s ease}.traffic-light:hover{background:#ffffff08}.traffic-light .light-icon{flex-shrink:0;font-size:14px;font-weight:600}.traffic-light .light-label{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;font-weight:500;text-transform:uppercase}.traffic-light.idle .light-icon,.traffic-light.idle .light-label{color:#555}.traffic-light.pass{background:#22c55e26;border-right-color:#22c55e4d}.traffic-light.pass .light-icon,.traffic-light.pass .light-label{color:#22c55e}.traffic-light.warn{background:#f59e0b26;border-right-color:#f59e0b4d}.traffic-light.warn .light-icon,.traffic-light.warn .light-label{color:#f59e0b}.traffic-light.fail{background:#ef444426;border-right-color:#ef44444d}.traffic-light.fail .light-icon,.traffic-light.fail .light-label{color:#ef4444}.traffic-light.unavailable{background:#0000;cursor:not-allowed;opacity:.4}.traffic-light.unavailable .light-icon,.traffic-light.unavailable .light-label{color:#666}.analysis-no-guidelines{background:#f59e0b26;border-left:1px solid #3a3a42;border-left:1px solid var(--studio-border,#ffffff1a);border-radius:4px;color:#f59e0b;cursor:help;font-size:11px;padding:4px 10px}.analysis-no-guidelines,.view-full-analysis-btn{align-items:center;display:flex;white-space:nowrap}.view-full-analysis-btn{background:#0000;border:none;color:#e63478;color:var(--studio-accent,#e63478);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;height:100%;justify-content:center;padding:0 14px;transition:color .15s ease}.view-full-analysis-btn:hover{color:#fff;text-decoration:underline}.view-full-analysis-btn.has-results{color:#e63478;color:var(--studio-accent,#e63478)}.analysis-headline-mini{align-items:center;border-left:1px solid #3a3a42;border-left:1px solid var(--studio-border,#ffffff1a);color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:help;display:flex;font-size:11px;height:100%;padding:0 8px}.rounds-filmstrip{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;padding:12px 16px}.filmstrip-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.filmstrip-items{display:flex;flex:1 1;gap:8px;overflow-x:auto;padding:4px 0}.filmstrip-thumb{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:64px;overflow:hidden;position:relative;transition:all .15s;width:64px}.filmstrip-thumb:hover{border-color:#ffffff4d}.filmstrip-thumb.active{border-color:#e63478;border-color:var(--studio-accent)}.filmstrip-thumb.locked-by-other{border-color:#ff9500;opacity:.7}.filmstrip-thumb.locked-by-other:hover{border-color:#fa3;opacity:.85}.filmstrip-thumb img{height:100%;object-fit:cover;width:100%}.thumb-placeholder{align-items:center;background:#3a3a42;background:var(--studio-border);color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.thumb-label{background:#000000b3;border-radius:3px;bottom:2px;font-size:10px;font-weight:600;left:2px;padding:2px;position:absolute;right:2px;text-align:center}.rounds-filmstrip.large{min-height:160px;padding:16px 20px}.rounds-filmstrip.large .filmstrip-items{gap:16px}.filmstrip-thumb.large{border-radius:8px;height:120px;width:120px}.filmstrip-thumb.large .thumb-label{font-size:12px;padding:4px}.filmstrip-thumb.new-creative{align-items:center;background:#3b82f61a;border:2px dashed #3b82f680;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;transition:all .2s ease}.filmstrip-thumb.new-creative:hover{background:#3b82f633;border-color:#3b82f6cc}.filmstrip-thumb.new-creative.active{background:#3b82f64d;border-color:#3b82f6;border-style:solid}.new-creative-icon{color:#3b82f6;font-size:32px;font-weight:300;line-height:1}.filmstrip-thumb.new-creative .thumb-label{background:none;color:#3b82f6;font-weight:500;position:static}.canvas-preview-img{border-radius:4px;height:100%;object-fit:cover;width:100%}.canvas-preview-empty{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.canvas-preview-empty .preview-icon{font-size:28px;opacity:.7}.canvas-header{align-items:center;background:#1a1a2e;background:var(--studio-bg-secondary,#1a1a2e);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#2d2d44);display:flex;gap:16px;justify-content:space-between;min-height:44px;padding:8px 16px}.canvas-header .editing-context,.canvas-header .viewing-context{align-items:center;display:flex;flex:1 1;gap:10px}.canvas-header .save-status-wrapper{flex-shrink:0;position:relative}.canvas-header .context-icon{font-size:18px}.canvas-header .context-label{color:#a0a0b8;color:var(--studio-text-secondary,#a0a0b8);font-size:14px}.canvas-header .editing-context .context-label{color:#fff;color:var(--studio-text-primary,#fff)}.canvas-header .viewing-context.empty{opacity:.6}.editing-context.editing-mode-header{align-items:center;display:flex;flex:1 1;justify-content:space-between}.editing-context .editing-info{align-items:center;display:flex;gap:10px}.editing-context .editing-actions{align-items:center;display:flex;gap:8px}.editing-action-btn{background:#ffffff0d;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#a0a0b8;color:var(--studio-text-secondary,#a0a0b8);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s}.editing-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff;color:var(--studio-text-primary,#fff)}.editing-action-btn:disabled{cursor:not-allowed;opacity:.4}.editing-action-btn.refresh-btn{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.editing-action-btn.refresh-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.editing-action-btn.export-btn{background:#a855f71a;border-color:#a855f74d;color:#c084fc}.editing-action-btn.export-btn:hover:not(:disabled){background:#a855f7;border-color:#a855f7;color:#fff}.editing-action-btn.dropbox-btn{background:#007aff1a;border-color:#007aff4d;color:#4da6ff}.editing-action-btn.dropbox-btn:hover:not(:disabled){background:#007aff;border-color:#007aff;color:#fff}.draft-title-input{background:#ffffff1a;border:1px solid #3a3a42;border:1px solid var(--studio-border,#2d2d44);border-radius:6px;color:#fff;color:var(--studio-text-primary,#fff);flex:1 1;font-size:14px;font-weight:500;max-width:300px;outline:none;padding:6px 12px;transition:all .2s ease}.draft-title-input:focus{background:#ffffff26;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.draft-title-input::placeholder{color:#a0a0b8;color:var(--studio-text-secondary,#a0a0b8)}.save-draft-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.save-draft-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.save-draft-btn:active{transform:translateY(0)}.editing-context.draft-active{align-items:center;background:linear-gradient(135deg,#a855f726,#8b5cf61a);border:1px solid #a855f766;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:8px 16px;width:100%}.editing-context.draft-active .draft-info{align-items:center;display:flex;flex:1 1;gap:12px}.draft-badge-header{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.editing-context.draft-active .draft-title-input{max-width:250px}.draft-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.draft-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.draft-action-btn.close-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--studio-text-primary,#fff)}.draft-action-btn.close-btn:hover{background:#fff3;border-color:#ffffff4d}.draft-action-btn.discard-btn{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.draft-action-btn.discard-btn:hover{background:#ef444433;border-color:#ef444480}.draft-action-btn.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.draft-action-btn.save-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.editing-context.compose-mode-header{align-items:center;background:linear-gradient(135deg,#c026d326,#9333ea1a);border:1px solid #c026d366;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:8px 16px;width:100%}.editing-context.compose-mode-header .compose-info{align-items:center;display:flex;flex:1 1;gap:12px}.compose-badge-header{align-items:center;background:linear-gradient(135deg,#c026d3,#9333ea);border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.compose-title{color:#a0a0b8;color:var(--studio-text-secondary,#a0a0b8);font-size:13px}.compose-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.compose-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.compose-action-btn.close-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--studio-text-primary,#fff)}.compose-action-btn.close-btn:hover{background:#fff3;border-color:#ffffff4d}.compose-action-btn.save-btn{background:linear-gradient(135deg,#c026d3,#9333ea);border:none;color:#fff}.compose-action-btn.save-btn:hover{background:linear-gradient(135deg,#a21caf,#7c3aed);box-shadow:0 4px 12px #c026d34d;transform:translateY(-1px)}.compose-action-btn.update-btn{background:#3b82f6e6;border:1px solid #3b82f680;color:#fff}.compose-action-btn.update-btn:hover:not(:disabled){background:#2563eb;border-color:#2563ebb3}.compose-action-btn.update-btn:disabled{cursor:not-allowed;opacity:.5}.compose-action-btn.export-btn{background:#22c55ee6;border:1px solid #22c55e80;color:#fff}.compose-action-btn.export-btn:hover:not(:disabled){background:#16a34a;border-color:#16a34ab3}.compose-action-btn.export-btn:disabled{cursor:wait;opacity:.7}.filmstrip-thumb.new-creative-btn{align-items:center;background:#3b82f61a;border:2px dashed #3b82f680;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;transition:all .2s ease}.filmstrip-thumb.new-creative-btn:hover{background:#3b82f633;border-color:#3b82f6cc}.filmstrip-thumb.new-creative-btn.processing{background:#3b82f626;border-color:#3b82f699;cursor:wait;overflow:hidden;position:relative}.filmstrip-thumb.new-creative-btn.processing:hover{background:#3b82f626;border-color:#3b82f699}.filmstrip-thumb.new-creative-btn .new-creative-icon.processing{align-items:center;display:flex;justify-content:center}.filmstrip-thumb.new-creative-btn .processing-label{color:#60a5fa;font-size:11px;font-weight:600}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.new-version-progress-bar{background:#1e293bcc;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.new-version-progress-bar .progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .3s ease}.version-status-icons{display:flex;gap:3px;position:absolute;right:4px;top:4px;z-index:10}.version-status-icons .status-icon{background:#0009;border-radius:3px;color:#9ca3af99;font-size:8px;font-weight:700;letter-spacing:.5px;padding:2px 4px;text-transform:uppercase;transition:all .2s ease}.version-status-icons .status-icon.active{background:#22c55e33;border:1px solid #22c55e66;color:#22c55e}.version-status-icons .status-icon.psd.active{background:#a855f733;border:1px solid #a855f766;color:#a855f7}.version-status-icons .status-icon.s3.active{background:#3b82f633;border:1px solid #3b82f666;color:#3b82f6}.filmstrip-thumb.create-version-btn{align-items:center;background:#22c55e26;border:2px dashed #22c55e99;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;transition:all .2s ease}.filmstrip-thumb.create-version-btn:hover{background:#22c55e40;border-color:#22c55ee6}.filmstrip-thumb.create-version-btn .new-creative-icon{color:#22c55e;font-size:28px}.filmstrip-thumb.create-version-btn .thumb-label{color:#22c55e;font-size:10px;font-weight:600}.filmstrip-thumb.draft-slot{align-items:center;background:#a855f71a;border:2px solid #a855f780;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s ease}.filmstrip-thumb.draft-slot:hover{background:#a855f733;border-color:#a855f7cc}.filmstrip-thumb.draft-slot.active{border-color:#a855f7;box-shadow:0 0 0 2px #a855f74d}.draft-badge{background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:9px;font-weight:700;left:50%;letter-spacing:.5px;padding:2px 8px;position:absolute;text-transform:uppercase;top:4px;transform:translateX(-50%);z-index:2}.filmstrip-thumb.draft-slot .thumb-label.draft-title{background:#000000b3;border-radius:3px;bottom:4px;color:#fff;font-size:10px;left:4px;overflow:hidden;padding:2px 4px;position:absolute;right:4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.filmstrip-thumb.draft-slot .canvas-preview-empty{background:#a855f71a}.filmstrip-thumb.draft-slot .canvas-preview-empty .preview-icon{color:#a855f7}.round-stack{align-items:center;display:flex;flex-direction:column;position:relative}.round-stack.has-versions{cursor:pointer}.round-stack.has-versions .filmstrip-thumb{border:2px solid #f97316!important;box-shadow:4px 4px 0 -1px #1e1e32e6,4px 4px 0 0 #fff3,8px 8px 0 -1px #1e1e32cc,8px 8px 0 0 #ffffff26;position:relative}.round-stack.expanded{background:#ffffff0d;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:12px;padding:8px}.round-stack-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:8px;padding:6px 12px;transition:background .15s}.round-stack-header:hover{background:#ffffff1a}.round-stack-label{color:#e63478;color:var(--studio-accent);font-size:14px;font-weight:700}.round-stack-count{font-size:11px}.round-stack-collapse,.round-stack-count{color:#ffffffaa;color:var(--studio-text-muted)}.round-stack-collapse{font-size:10px;margin-left:auto}.round-stack-versions{display:flex;gap:12px;padding:4px}.version-badge-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #f9731699;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:800;height:32px;justify-content:center;padding:0;position:absolute;right:-12px;top:-12px;transition:transform .15s,box-shadow .15s;width:32px;z-index:20}.version-badge-btn:hover{box-shadow:0 4px 14px #f97316cc;transform:scale(1.15)}.version-badge-btn:active{transform:scale(1.05)}.version-badge{background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #f9731680;font-size:14px;font-weight:800;padding:4px 10px;right:-10px;top:-10px;z-index:10}.filmstrip-thumb.large.generated{border-color:#f97316}.filmstrip-thumb.large.generated .thumb-label:before{content:"✨ "}.filmstrip-thumb.large.active,.filmstrip-thumb.large.generated.active,.filmstrip-thumb.large.original-creative.active{border:3px solid #14b8a6!important;box-shadow:0 0 0 4px #14b8a666,0 0 20px #14b8a64d!important}.favorite-badge{color:#fbbf24;font-size:14px;left:4px;position:absolute;text-shadow:0 0 4px #00000080;top:4px;z-index:3}.filmstrip-thumb.favorite{border-color:#fbbf24;box-shadow:0 0 8px #fbbf244d}.mockup-badge{background:#006ba5d9;border-radius:4px;bottom:4px;cursor:pointer;font-size:12px;left:4px;padding:2px 4px;text-shadow:0 0 2px #00000080;z-index:3}.mockup-badge:hover{background:#006ba5;transform:scale(1.1)}.original-protected-badge{background:#0009;border-radius:4px;font-size:14px;opacity:.8;padding:2px 4px;position:absolute;right:4px;top:4px;z-index:3}.filmstrip-thumb.original-creative:hover .original-protected-badge{opacity:1}.version-type-badge{border-radius:4px;box-shadow:0 2px 4px #0000004d;font-size:9px;font-weight:600;left:4px;letter-spacing:.3px;padding:2px 5px;position:absolute;text-transform:uppercase;top:4px;z-index:4}.version-type-badge.ai-edited{background:linear-gradient(135deg,#9333eaf2,#6366f1f2);color:#fff;text-shadow:0 1px 2px #0000004d}.version-type-badge.has-layers{background:linear-gradient(135deg,#22c55ef2,#10b981f2);color:#fff;text-shadow:0 1px 2px #0000004d}.filmstrip-thumb:hover .version-type-badge{box-shadow:0 3px 6px #0006;transform:scale(1.05)}.mockup-preview-section{background:linear-gradient(135deg,#006ba51a,#006ba50d);border:1px solid #006ba54d;border-radius:8px;margin-bottom:16px;overflow:hidden}.mockup-preview-header{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .15s ease}.mockup-preview-header:hover{background:#006ba526}.mockup-preview-icon{font-size:16px}.mockup-preview-title{color:#006ba5e6;flex:1 1;font-size:13px;font-weight:600}.mockup-preview-toggle{color:#666;font-size:10px;transition:transform .2s ease}.mockup-preview-section.expanded .mockup-preview-toggle{transform:rotate(0deg)}.mockup-preview-content{border-top:1px solid #006ba533;display:flex;flex-direction:column;gap:12px;padding:12px}.mockup-preview-thumbnail{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;overflow:hidden}.mockup-preview-thumbnail img{display:block;height:auto;width:100%}.mockup-preview-layers{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.mockup-preview-layers .layers-label{color:#888;font-size:11px;margin-right:4px}.mockup-preview-layers .layer-tag{background:#006ba533;border-radius:4px;color:#006ba5e6;font-size:11px;font-weight:500;padding:2px 8px}.mockup-preview-annotations{align-items:center;display:flex}.mockup-preview-annotations .annotations-indicator{background:#dc262626;border-radius:4px;color:#f87171;font-size:11px;font-weight:500;padding:4px 8px}.mockup-preview-prompt{display:flex;flex-direction:column;gap:4px}.mockup-preview-prompt .prompt-label{color:#888;font-size:11px;font-weight:500}.mockup-preview-prompt .prompt-text{background:#0003;border-radius:4px;color:#ccc;font-size:12px;line-height:1.4;max-height:80px;overflow-y:auto;padding:8px}.thumb-actions{display:flex;flex-direction:column;gap:4px;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .15s ease;z-index:5}.filmstrip-thumb:hover .thumb-actions{opacity:1}.thumb-action-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;padding:0;transition:all .15s ease;width:22px}.thumb-action-btn:hover{background:#000000e6;transform:scale(1.1)}.thumb-action-btn.delete:hover{background:#dc2626}.thumb-action-btn.favorite{color:#888}.thumb-action-btn.favorite.active,.thumb-action-btn.favorite:hover{color:#fbbf24}.thumb-action-btn.favorite.active{background:#fbbf2433}.thumb-action-btn.load-layers-btn{background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);border:none;border-radius:4px;bottom:28px;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;font-size:10px;font-weight:600;height:auto;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:auto;z-index:5}.thumb-action-btn.load-layers-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 3px 10px #6366f166;transform:translateX(-50%) scale(1.05)}.thumb-action-btn.load-layers-btn:disabled{cursor:not-allowed;opacity:.6}.filmstrip-thumb.original-creative.has-psd{border-color:#8b5cf680}.filmstrip-thumb.original-creative.has-psd:hover{border-color:#8b5cf6cc}.edits-timeline{background:#29292f;background:var(--studio-toolbar-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:12px 16px}.timeline-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.timeline-items{display:flex;flex-direction:column;gap:8px}.timeline-item{border-radius:6px;font-size:12px;padding:8px 12px}.timeline-item.brief{background:#4a90e226;border-left:3px solid #4a90e2}.timeline-item.round{background:#f9731626;border-left:3px solid #f97316}.timeline-item-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:600;margin-bottom:4px}.timeline-item-text{color:#fff;color:var(--studio-text);line-height:1.4;white-space:pre-wrap}.generation-controls{background:#1f1f24;background:var(--studio-panel-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;flex-direction:column;gap:8px;padding:12px 16px}.edit-input{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);font-family:inherit;font-size:13px;padding:10px 12px;resize:none}.edit-input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.error-message{align-items:center;background:#ef444433;border-radius:6px;color:#ef4444;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.error-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px}.generate-btn{background:var(--studio-accent);border-radius:6px;font-size:14px;padding:12px 20px;transition:all .15s}.generate-btn:hover:not(:disabled){filter:brightness(1.1)}.edit-history-panel .sidebar-header{align-items:center;display:flex;justify-content:space-between}.selected-round-indicator{background:#e63478;background:var(--studio-accent);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.edit-history-timeline{display:flex;flex-direction:column;gap:12px}.edit-history-item{background:#ffffff0d;border-left:3px solid #0000;padding:12px}.edit-history-item.round{border-left-color:#f97316}.edit-history-item.brief{background:#4a90e21a;border-left-color:#4a90e2}.edit-history-item.selected{background:#e9456033;border-left-color:#e63478;border-left-color:var(--studio-accent);box-shadow:0 0 0 1px #e945604d}.edit-history-header{margin-bottom:8px}.edit-history-label{color:#fff;color:var(--studio-text);font-size:13px;font-weight:600}.current-badge{background:#e63478;background:var(--studio-accent);border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.edit-history-text{font-size:12px;line-height:1.5;white-space:pre-wrap}.edit-history-empty,.edit-history-text{color:#ffffffaa;color:var(--studio-text-muted)}.edit-history-empty{padding:40px 20px;text-align:center}.edit-history-empty p{font-size:13px;margin:0}.edit-history-item.clickable{cursor:pointer;transition:background .15s ease,transform .1s ease}.edit-history-item.clickable:hover{background:#f9731626;transform:translateX(2px)}.apply-badge{background:#f97316;border-radius:4px;color:#fff;font-size:10px;margin-left:auto;padding:2px 6px}.edit-history-item.collapsed{padding:8px 12px}.edit-history-item.collapsed .edit-history-header{cursor:pointer}.edit-history-item.collapsed .edit-history-header:hover{background:#ffffff0d;border-radius:4px;margin:-4px;padding:4px}.collapse-toggle{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;margin-left:auto;transition:transform .2s}.edit-history-item.expanded .collapse-toggle{transform:rotate(0deg)}.edit-history-item.collapsed .collapse-toggle{transform:rotate(-90deg)}.prompt-editor-section{background:#2a2a32;background:var(--studio-card-bg);border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:12px}.prompt-editor-label{color:#fff;color:var(--studio-text);display:block;font-size:12px;font-weight:600;margin-bottom:8px}.prompt-editor-textarea{word-wrap:break-word;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;color:var(--studio-text);font-family:inherit;font-size:13px;line-height:1.5;min-height:80px;overflow-wrap:break-word;padding:10px;resize:vertical;white-space:pre-wrap;width:100%}.prompt-editor-textarea::placeholder{color:#ffffffaa;color:var(--studio-text-muted)}.prompt-editor-textarea:focus{border-color:#e63478;border-color:var(--studio-accent);box-shadow:0 0 0 2px #e9456033;outline:none}.prompt-editor-textarea:disabled{cursor:not-allowed;opacity:.6}.prompt-editor-actions{display:flex;gap:8px;margin-top:10px}.prompt-editor-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s ease}.prompt-editor-btn.apply{background:#e63478;background:var(--studio-accent);color:#fff;flex:1 1}.prompt-editor-btn.apply:hover:not(:disabled){background:#c4285f;transform:translateY(-1px)}.prompt-editor-btn.apply:disabled{cursor:not-allowed;opacity:.5;transform:none}.prompt-editor-btn.clear{background:#ffffff1a;color:#ffffffaa;color:var(--studio-text-muted)}.prompt-editor-btn.clear:hover:not(:disabled){background:#ffffff26}.prompt-editor-btn.clear:disabled{cursor:not-allowed;opacity:.5}.prompt-editor-error{background:#dc354533;border:1px solid #dc354566;border-radius:6px;color:#ff6b7a;font-size:12px;margin-top:8px;padding:8px 10px}.filmstrip-thumb.generated .thumb-label:after{content:" ✨"}.studio-content--three-col,.studio-content--two-col{display:flex;flex:1 1;overflow:hidden}.sidebar-resize-handle{align-self:stretch;background:#3a3a42;background:var(--studio-border);cursor:col-resize;flex-shrink:0;position:relative;transition:background .15s ease;width:8px;z-index:10}.sidebar-resize-handle:active,.sidebar-resize-handle:hover{background:#e63478;background:var(--studio-accent)}.sidebar-resize-handle:before{color:#fff6;content:"⋮⋮";font-size:14px;left:50%;letter-spacing:-3px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sidebar-resize-handle:hover:before{color:#fffc}.studio-right-sidebar{background:#1f1f24;background:var(--studio-panel-bg);border-left:1px solid #3a3a42;border-left:1px solid var(--studio-border);display:flex;flex-direction:column;flex-shrink:0;max-width:600px;min-width:320px;overflow:hidden}.studio-right-sidebar .intelligence-panel,.studio-right-sidebar .sidebar{border-left:none;border-right:none;max-width:none!important;min-width:0!important;min-width:auto!important;width:100%!important}.studio-left-sidebar{background:#1f1f24;background:var(--studio-panel-bg);border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border);display:flex;flex-direction:column;flex-shrink:0;max-width:500px;min-width:200px;overflow:hidden}.studio-left-sidebar .brief-panel.sidebar,.studio-left-sidebar .left-sidebar-tabbed,.studio-left-sidebar .sidebar{border-left:none;border-right:none;max-width:none!important;min-width:0!important;min-width:auto!important;width:100%!important}.left-sidebar-tabbed{display:flex;flex-direction:column;height:100%}.left-tabs{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;flex-shrink:0;padding:0 12px}.left-tab{background:none;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:13px;padding:10px 16px;position:relative;transition:color .15s}.left-tab.active,.left-tab:hover{color:#fff;color:var(--studio-text)}.left-tab.active:after{background:#e63478;background:var(--studio-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.left-sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.brief-panel-scrollable{flex:1 1;overflow-y:auto;padding:0}.brief-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.brand-intel-tab{overflow-y:auto;padding:16px}.brand-intel-empty,.brand-intel-error,.brand-intel-loading{color:#ffffffaa;color:var(--studio-text-muted);padding:24px;text-align:center}.brand-intel-empty .refresh-btn,.brand-intel-error .retry-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px}.brand-intel-header{margin-bottom:20px}.brand-intel-brand-link{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;gap:6px;padding:0;transition:opacity .15s ease}.brand-intel-brand-link:hover{opacity:.8}.brand-intel-brand-link:hover .brand-intel-brand-name{color:#e63478;color:var(--studio-accent,#e63478)}.brand-intel-brand-name{color:#fff;color:var(--studio-text);font-size:18px;margin:0;transition:color .15s ease}.brand-intel-company{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px}.brand-intel-section{margin-bottom:20px}.brand-intel-section-title{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.brand-intel-colors{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;height:48px;position:relative;transition:transform .15s,box-shadow .15s;width:48px}.color-swatch:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.color-swatch .color-hex{bottom:-20px;color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap}.color-swatch:hover .color-hex{opacity:1}.brand-intel-fonts{display:flex;flex-direction:column;gap:6px}.font-item{display:flex;gap:8px}.font-role{color:#ffffffaa;color:var(--studio-text-muted);text-transform:capitalize}.font-name{color:var(--studio-text);font-weight:500}.brand-intel-text{color:#fff;color:var(--studio-text);font-size:13px;line-height:1.5}.brand-intel-messaging{font-style:italic}.brand-intel-rtbs{margin:0;padding-left:20px}.rtb-item{color:#fff;color:var(--studio-text);font-size:13px;margin-bottom:6px}.brand-intel-essence .brand-essence-text{color:#fff;color:var(--studio-text);font-size:15px;font-weight:500;line-height:1.5}.brand-intel-compliance{background:#ff646414;border-left:3px solid #ff6464;border-radius:8px;padding:12px}.brand-intel-do-not-say{margin:0;padding-left:18px}.do-not-say-item{color:#ff6464;font-size:13px;margin-bottom:6px}.color-swatch .color-role{background:#0009;border-radius:3px;bottom:2px;color:#fff;font-size:8px;left:50%;padding:1px 4px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.color-swatch.primary{border:2px solid #e63478;border:2px solid var(--studio-accent)}.brand-intel-rules-list{margin:0;padding-left:18px}.rule-item{color:#fff;color:var(--studio-text);font-size:13px;line-height:1.4;margin-bottom:8px}.rule-type{color:#e63478;color:var(--studio-accent);font-weight:600;margin-right:4px;text-transform:capitalize}.rule-text{color:#ffffffaa;color:var(--studio-text-muted)}.brand-intel-source{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:16px;padding-top:12px;text-align:center}.brand-intel-source small{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.brand-intel-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:24px;padding-top:16px}.refresh-btn{background:var(--studio-surface);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:background .15s;width:100%}.refresh-btn:hover{background:#3a3a42;background:var(--studio-border)}.creative-analysis-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);margin-bottom:12px;padding:12px}.analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.analysis-header h3{color:#fff;color:var(--studio-text);font-size:14px;margin:0}.analyze-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .15s}.analyze-btn:hover:not(:disabled){background:#d13a52}.analyze-btn:disabled{cursor:not-allowed;opacity:.5}.analysis-error{background:#ef44441a;border-radius:6px;color:var(--studio-error);font-size:12px;margin-bottom:12px;padding:8px}.analysis-results{display:flex;flex-direction:column;gap:12px}.analysis-score{align-items:center;display:flex;gap:8px}.score-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px}.score-value{font-size:16px;font-weight:600}.score-good{color:#22c55e}.score-medium{color:#f59e0b}.score-low{color:#ef4444}.analysis-headline{color:#fff;color:var(--studio-text);font-size:13px;line-height:1.4}.analysis-suggestions h4{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{background:var(--studio-surface);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;display:flex;gap:8px;padding:8px;transition:background .15s,border-color .15s}.suggestion-item.clickable{cursor:pointer}.suggestion-item.clickable:hover{background:#3a3a42;background:var(--studio-border);border-color:#e63478;border-color:var(--studio-accent)}.severity-badge{flex-shrink:0;padding:2px 6px}.severity-badge.critical{background:#ef444433;color:#ef4444}.severity-badge.high{background:#f59e0b33;color:#f59e0b}.severity-badge.medium{background:#3b82f633;color:#3b82f6}.severity-badge.low{background:#9ca3af33;color:#9ca3af}.suggestion-content{flex:1 1;min-width:0}.suggestion-title{color:#fff;color:var(--studio-text);font-size:12px;font-weight:500}.suggestion-desc{line-height:1.3;margin-top:4px}.suggestion-desc,.suggestions-more{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.suggestions-more{padding-top:4px;text-align:center}.clear-analysis-btn{background:var(--studio-surface);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:12px;padding:6px 12px;transition:background .15s}.clear-analysis-btn:hover{background:#3a3a42;background:var(--studio-border)}.analyzing-indicator{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:12px 16px}.analyzing-indicator .spinner-small{border-width:2px;height:16px;width:16px}.analyzing-indicator span{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.analysis-loading{align-items:stretch;color:var(--studio-text-muted);padding:16px}.analysis-loading .spinner-small{height:20px;width:20px}.analysis-loading span{font-size:13px}.analysis-checks-loading{display:flex;flex-direction:column;gap:6px}.analysis-checks-loading .check-item{align-items:center;background:#ffffff08;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background .3s ease,opacity .3s ease}.analysis-checks-loading .check-item.checking{animation:checkPulse 1.5s ease-in-out infinite;background:#e634781a}.analysis-checks-loading .check-item.pending{opacity:.5}.analysis-checks-loading .check-icon{font-size:14px}.analysis-checks-loading .check-name{color:#fff;color:var(--studio-text)}@keyframes checkPulse{0%,to{background:#e634781a}50%{background:#e6347833}}.analysis-loading-text{align-items:center;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:10px;justify-content:center;padding-top:8px}.compliance-checks-section{margin-bottom:16px}.compliance-checks-section .section-title{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.compliance-checks-list{display:flex;flex-direction:column;gap:4px}.compliance-check-item{align-items:center;background:#ffffff08;border-left:3px solid #0000;border-radius:6px;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:8px 12px}.compliance-check-item.status-pass{border-left-color:#10b981}.compliance-check-item.status-warn{border-left-color:#f59e0b}.compliance-check-item.status-fail{border-left-color:#ef4444}.compliance-check-item.status-not_checked{border-left-color:#6b7280;opacity:.7}.status-icon{font-size:14px;font-weight:600}.status-icon.status-pass{color:#10b981}.status-icon.status-warn{color:#f59e0b}.status-icon.status-fail{color:#ef4444}.status-icon.status-not_checked{color:#6b7280}.check-display-name{color:#fff;color:var(--studio-text);flex:1 1;font-weight:500;min-width:100px}.check-details{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-left:24px;width:100%}.check-suggestion{color:#f59e0b;font-style:italic;margin-left:24px;width:100%}.brand-intel-section{background:linear-gradient(135deg,#006ba51a,#e634781a);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;margin-bottom:16px;padding:12px}.brand-intel-section .section-title{color:#006ba5;color:var(--studio-accent-alt);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.brand-intel-summary{display:flex;flex-direction:column;gap:10px}.intel-overview{color:#fff;color:var(--studio-text);font-size:12px;line-height:1.5;margin:0}.intel-tags{display:flex;flex-wrap:wrap;gap:6px}.intel-tag{background:#e6347826;border-radius:12px;color:#e63478;color:var(--studio-accent);display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.intel-colors{display:flex;gap:6px}.intel-color-swatch{border:2px solid #fff3;border-radius:4px;height:24px;width:24px}.intel-link{align-items:center;color:#006ba5;color:var(--studio-accent-alt);display:inline-flex;font-size:12px;font-weight:500;gap:4px;text-decoration:none;transition:color .2s ease}.intel-link:hover{color:#e63478;color:var(--studio-accent);text-decoration:underline}.analysis-issue-counts{display:flex;flex-wrap:wrap;gap:8px}.issue-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.issue-badge.critical{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.issue-badge.high{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.issue-badge.medium{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.issue-badge.low{background:#9ca3af26;border:1px solid #9ca3af4d;color:#9ca3af}.suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.suggestions-header h4{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.auto-fix-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:6px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s}.auto-fix-btn:hover{box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.auto-fix-btn:active{transform:translateY(0)}.analysis-success{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:12px 16px}.analysis-success .success-icon{font-size:18px}.analysis-success span{color:#22c55e;font-size:13px;font-weight:500}.analysis-actions{align-items:center;display:flex;gap:8px;margin-top:12px}.reanalyze-btn{align-items:center;background:var(--studio-surface);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .15s}.reanalyze-btn:hover{background:#3a3a42;background:var(--studio-border);border-color:#e63478;border-color:var(--studio-accent)}.creative-analysis-section .view-full-analysis-btn{background:#e63478;background:var(--studio-accent);border:1px solid #e63478;border:1px solid var(--studio-accent);border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:500;margin-top:12px;padding:8px 12px;text-align:center;transition:all .15s;width:100%}.creative-analysis-section .view-full-analysis-btn:hover:not(:disabled){background:#0056b3;background:var(--studio-accent-hover,#0056b3);border-color:#0056b3;border-color:var(--studio-accent-hover,#0056b3)}.creative-analysis-section .view-full-analysis-btn:disabled{border-color:#3a3a42;border-color:var(--studio-border);cursor:not-allowed;opacity:.6}.analysis-hint,.creative-analysis-section .view-full-analysis-btn:disabled{background:var(--studio-surface);color:#ffffffaa;color:var(--studio-text-muted)}.analysis-hint{border:1px dashed #3a3a42;border:1px dashed var(--studio-border);border-radius:6px;font-size:11px;line-height:1.4;margin-top:16px;padding:12px;text-align:center}.smart-prompt-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0}.smart-prompt-toggle input[type=checkbox]{accent-color:#e63478;accent-color:var(--studio-accent);cursor:pointer;height:16px;width:16px}.smart-prompt-toggle .toggle-label{color:#fff;color:var(--studio-text);font-size:13px}.smart-prompt-toggle .toggle-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-left:auto}.assets-section{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:20px;padding-top:16px}.assets-header{align-items:center;background:var(--studio-surface);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background .15s}.assets-header:hover{background:#3a3a42;background:var(--studio-border)}.assets-title{align-items:center;color:#fff;color:var(--studio-text);display:flex;font-size:13px;font-weight:600;gap:8px}.assets-count{background:#e63478;background:var(--studio-accent);border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.expand-icon{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.assets-content{padding-top:12px}.selected-assets-bar{background:rgba(var(--studio-accent-rgb),.1);border:1px solid #e63478;border:1px solid var(--studio-accent)}.clear-selection-btn{padding:4px 8px;transition:all .15s}.asset-category{margin-bottom:12px}.category-header{align-items:center;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:6px 8px;transition:background .15s}.category-header:hover{background:var(--studio-surface);color:#fff;color:var(--studio-text)}.asset-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding:8px 0}.asset-thumb{background:var(--studio-surface);border:2px solid #0000;border-radius:6px;cursor:pointer;transition:all .15s}.asset-thumb:hover{transform:scale(1.05)}.asset-thumb.selected,.asset-thumb:hover{border-color:#e63478;border-color:var(--studio-accent)}.asset-thumb.selected{box-shadow:0 0 0 2px rgba(var(--studio-accent-rgb),.3)}.selected-badge{background:var(--studio-accent);font-size:10px;font-weight:700;height:18px;right:4px;top:4px;width:18px}.more-assets{align-items:center;background:var(--studio-surface);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:11px;justify-content:center}.more-assets:hover{background:#3a3a42;background:var(--studio-border);color:#fff;color:var(--studio-text)}.asset-list{display:flex;flex-direction:column;gap:2px;padding:4px 0}.asset-list-item{align-items:center;background:var(--studio-surface);border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:all .15s}.asset-list-item:hover{background:#3a3a42;background:var(--studio-border)}.asset-list-item.selected,.asset-list-item:hover{border-color:#e63478;border-color:var(--studio-accent)}.asset-list-item.selected{background:rgba(var(--studio-accent-rgb),.15)}.asset-list-item .asset-icon{flex-shrink:0;font-size:14px}.asset-list-item .asset-name{color:#fff;color:var(--studio-text);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-list-item .selected-check{color:#e63478;color:var(--studio-accent);flex-shrink:0;font-size:12px}.assets-header-simple{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 0}.add-assets-btn{align-items:center;background:#e63478;background:var(--studio-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 16px;transition:all .15s;width:100%}.add-assets-btn:hover{background:#5a4ae8;background:var(--studio-accent-hover,#5a4ae8);box-shadow:0 4px 12px rgba(var(--studio-accent-rgb),.3);transform:translateY(-1px)}.add-assets-btn .btn-icon{font-size:18px;font-weight:600}.asset-picker-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.asset-picker-modal{animation:slideUp .25s ease;background:#1a1a1f;background:var(--studio-sidebar-bg,#1a1a1f);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:12px;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:90vw}.asset-picker-header{align-items:center;background:#29292f;background:var(--studio-bg,#141418);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 24px}.asset-picker-header h2{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600;margin:0}.asset-picker-header .header-controls{align-items:center;display:flex;gap:16px}.asset-picker-header .grid-size-controls{align-items:center;background:#ffffff0d;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);display:flex;gap:4px;padding:4px}.asset-picker-header .grid-size-controls svg{margin-right:6px;opacity:.6}.asset-picker-header .grid-size-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;transition:all .15s;width:28px}.asset-picker-header .grid-size-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text)}.asset-picker-header .grid-size-btn.active{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.asset-picker-header .close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.asset-picker-header .close-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text)}.asset-picker-tabs{background:#29292f;background:var(--studio-bg,#141418);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:12px 24px}.asset-picker-tabs::-webkit-scrollbar{height:4px}.asset-picker-tabs::-webkit-scrollbar-track{background:#0000}.asset-picker-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.asset-picker-tabs .tab-btn{align-items:center;background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .15s;white-space:nowrap}.asset-picker-tabs .tab-btn:hover{background:#ffffff0d;border-color:#fff3;color:#fff;color:var(--studio-text)}.asset-picker-tabs .tab-btn.active{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478);color:#fff}.asset-picker-tabs .tab-btn .tab-count{font-size:11px;opacity:.7}.asset-picker-grid-container{flex:1 1;overflow-y:auto;padding:20px}.asset-picker-item{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s}.asset-picker-item:hover{border-color:#3a3a42;border-color:var(--studio-border)}.asset-picker-item:hover .zoom-btn{opacity:1}.asset-picker-item.selected{border-color:#e63478;border-color:var(--studio-accent,#e63478);box-shadow:0 0 0 2px #e634784d}.asset-picker-item.on-canvas{cursor:not-allowed;opacity:.5}.asset-thumb{aspect-ratio:1;background:#29292f;background:var(--studio-bg,#141418);overflow:hidden;position:relative}.asset-thumb img{display:block;height:100%;object-fit:cover;width:100%}.selected-badge{align-items:center;background:#e63478;background:var(--studio-accent,#e63478);border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.on-canvas-badge{background:#000c;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:500;left:50%;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.asset-hover-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;padding:12px;position:absolute;right:0;top:0;transition:opacity .15s}.asset-picker-item:hover .asset-hover-overlay{opacity:1}.hover-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;transition:all .15s;width:100%}.hover-action-btn:hover{background:#fff3;border-color:#ffffff4d}.hover-action-btn.select-btn:hover{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478)}.hover-action-btn.zoom-btn:hover{background:#ffffff26;border-color:#fff6}.asset-picker-item.selected .hover-action-btn.select-btn{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478)}.asset-name{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.load-more-container{display:flex;justify-content:center;padding:24px 0}.load-more-btn{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:13px;padding:10px 24px;transition:all .15s}.load-more-btn:hover{background:#ffffff0d;border-color:#e63478;border-color:var(--studio-accent,#e63478);color:#fff;color:var(--studio-text)}.empty-state{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:14px;justify-content:center;padding:60px 20px}.asset-picker-footer{align-items:center;background:#29292f;background:var(--studio-bg,#141418);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 24px}.asset-picker-footer .selection-info{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px}.asset-picker-footer .footer-actions{display:flex;gap:10px}.asset-picker-footer .btn-secondary,.asset-picker-footer .cancel-btn{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;padding:10px 18px;transition:all .15s}.asset-picker-footer .btn-secondary:hover,.asset-picker-footer .cancel-btn:hover{background:#ffffff0d;border-color:#fff3}.asset-picker-footer .btn-primary,.asset-picker-footer .confirm-btn{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .15s}.asset-picker-footer .btn-primary:hover:not(:disabled),.asset-picker-footer .confirm-btn:hover:not(:disabled){background:#d02d6a}.asset-picker-footer .btn-primary:disabled,.asset-picker-footer .confirm-btn:disabled{cursor:not-allowed;opacity:.5}.asset-picker-header .back-btn{align-items:center;background:#ffffff0d;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .15s}.asset-picker-header .back-btn:hover{background:#ffffff1a;border-color:#fff3}.asset-picker-header .back-btn svg{flex-shrink:0}.asset-picker-header .preview-filename{color:#fff;color:var(--studio-text);flex:1 1;font-size:14px;font-weight:500;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.asset-preview-inline{background:#1f1f24;background:var(--studio-panel-bg,#1a1a1f);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.asset-preview-inline .preview-image-container{align-items:center;background:#0d0d10;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.asset-preview-inline .preview-image-container img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.asset-preview-inline .preview-prompt-bar{background:#29292f;background:var(--studio-bg,#141418);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;line-height:1.4;padding:12px 20px}.asset-preview-inline .preview-prompt-bar strong{color:#fff;color:var(--studio-text);margin-right:8px}.asset-preview-inline .preview-actions-bar{align-items:center;background:#29292f;background:var(--studio-bg,#141418);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:center;padding:16px 20px}.asset-preview-inline .preview-actions-bar .btn-primary{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .15s}.asset-preview-inline .preview-actions-bar .btn-primary:hover:not(:disabled){background:#d02d6a;transform:translateY(-1px)}.asset-preview-inline .preview-actions-bar .btn-primary.selected{background:#10b981}.asset-preview-inline .preview-actions-bar .btn-primary.selected:hover:not(:disabled){background:#059669}.asset-preview-inline .preview-actions-bar .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.asset-preview-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.asset-preview-modal{animation:slideUp .2s ease;background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90vw}.preview-header{align-items:center;background:#29292f;background:var(--studio-bg,#141418);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:12px 16px}.preview-title{color:#fff;color:var(--studio-text);flex:1 1;font-size:14px;font-weight:500;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-header .close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.preview-header .close-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text)}.preview-content{align-items:center;background:#29292f;background:var(--studio-bg,#141418);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.preview-content img{border-radius:4px;max-height:60vh;max-width:100%;object-fit:contain}.preview-footer{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding:16px}.preview-prompt{background:#ffffff08;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;line-height:1.5;margin-bottom:12px;padding:10px 12px}.preview-prompt strong{color:#fff;color:var(--studio-text)}.preview-actions{display:flex;gap:10px;justify-content:flex-end}.preview-actions .btn-secondary{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.preview-actions .btn-secondary:hover{background:#ffffff0d}.preview-actions .btn-primary{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.preview-actions .btn-primary:hover:not(:disabled){background:#d02d6a}.preview-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.generation-reference-assets{background:var(--studio-surface);border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.reference-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.reference-thumbs{align-items:center}.reference-thumb{border:2px solid #e63478;border:2px solid var(--studio-accent);height:48px;object-fit:cover;width:48px}.more-references{align-items:center;background:#3a3a42;background:var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;height:48px;justify-content:center;width:48px}.fabric-canvas-editor{background:#f5f5f5;display:block;overflow:hidden;position:relative}.fabric-canvas-editor .canvas-container{height:100%!important;overflow:hidden!important;width:100%!important}.fabric-canvas-editor canvas{display:block}.fabric-canvas-editor.draw-mode-active,.fabric-canvas-editor.draw-mode-active .canvas-container,.fabric-canvas-editor.draw-mode-active .lower-canvas,.fabric-canvas-editor.draw-mode-active .upper-canvas,.fabric-canvas-editor.draw-mode-active canvas{cursor:crosshair!important}.canvas-editor-placeholder{color:#ffffffaa;color:var(--studio-text-muted);font-size:14px;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.layer-controls{background:#29292f;background:var(--studio-toolbar-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:4px;padding:8px 12px}.layer-controls button{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.layer-controls button:hover:not(:disabled){background:#e63478;background:var(--studio-accent);color:#fff}.layer-controls button:disabled{cursor:not-allowed;opacity:.3}.layer-controls button.clear-btn{font-size:11px;margin-left:auto;padding:0 12px;width:auto}.layer-controls button.clear-btn:hover:not(:disabled){background:#dc3545}.prompt-reference-images{background:#0003;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px}.prompt-reference-images .reference-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:500}.prompt-reference-images .reference-thumbs{display:flex;flex-wrap:wrap;gap:8px}.prompt-reference-images .reference-thumb{border:2px solid #0000;border-radius:6px;cursor:pointer;height:48px;overflow:hidden;position:relative;transition:all .15s ease;width:48px}.prompt-reference-images .reference-thumb:hover{border-color:#e63478;border-color:var(--studio-accent);transform:scale(1.05)}.prompt-reference-images .reference-thumb img{height:100%;object-fit:cover;width:100%}.prompt-reference-images .reference-number{background:#000c;bottom:0;color:#e63478;color:var(--studio-accent);font-size:10px;font-weight:600;left:0;padding:2px 0;position:absolute;right:0;text-align:center}.round-references-section{background:#0003;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px}.round-references-section .reference-label{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:11px;font-weight:500;gap:8px}.round-references-section .selected-count{background:#e63478;background:var(--studio-accent);border-radius:10px;color:#fff;font-size:10px;padding:2px 6px}.round-ref-thumbs{display:flex;flex-wrap:wrap;gap:8px}.round-ref-thumb{border:2px solid #0000;border-radius:6px;cursor:pointer;height:48px;overflow:hidden;position:relative;transition:all .15s ease;width:48px}.round-ref-thumb:hover{transform:scale(1.05)}.round-ref-thumb.selected,.round-ref-thumb:hover{border-color:#e63478;border-color:var(--studio-accent)}.round-ref-thumb.selected{box-shadow:0 0 8px #e9456066}.round-ref-thumb.generated{border-style:dashed}.round-ref-thumb img{height:100%;object-fit:cover;width:100%}.round-ref-label{background:#000c;bottom:0;color:#fff;font-size:9px;font-weight:500;left:0;padding:2px 0;position:absolute;right:0;text-align:center}.round-ref-check,.round-ref-thumb.selected .round-ref-label{background:#e63478;background:var(--studio-accent)}.round-ref-check{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.round-ref-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;font-style:italic;margin-top:4px}.selected-assets-bar{align-items:center;background:#e9456026;border-radius:6px;color:#e63478;color:var(--studio-accent);display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.clear-selection-btn{background:#0000;border:1px solid #e63478;border:1px solid var(--studio-accent);border-radius:4px;color:#e63478;color:var(--studio-accent);cursor:pointer;font-size:11px;padding:2px 8px;transition:all .15s ease}.clear-selection-btn:hover{background:#e63478;background:var(--studio-accent);color:#fff}.new-creative-modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-creative-modal{animation:slideUp .2s ease;background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.new-creative-modal .modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:20px 24px}.new-creative-modal .modal-header h2{color:#fff;color:var(--studio-text);font-size:20px;font-weight:600;margin:0}.new-creative-modal .modal-close{background:#0000;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:color .15s ease}.new-creative-modal .modal-close:hover{color:#fff;color:var(--studio-text)}.new-creative-modal .modal-body{overflow-y:auto;padding:24px}.new-creative-modal .modal-subtitle{color:#ffffffaa;color:var(--studio-text-muted);font-size:14px;margin:0 0 20px}.size-presets-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.size-preset-card{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .15s ease}.size-preset-card:hover{background:#ffffff1a;border-color:#fff3}.size-preset-card.active{background:#c8649633;background:rgba(var(--studio-accent-rgb,200,100,150),.2);border-color:#e63478;border-color:var(--studio-accent)}.size-preset-card .size-preview-box{align-items:center;background:#fff3;border-radius:4px;display:flex;justify-content:center}.size-preset-card .size-preview-box.custom-icon{font-size:20px;height:50px;width:50px}.size-preset-card .preset-name{color:#fff;color:var(--studio-text);font-size:13px;font-weight:500}.size-preset-card .preset-dims{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.custom-size-inputs{align-items:flex-end;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-top:20px;padding:16px}.custom-size-inputs .input-group{display:flex;flex-direction:column;gap:4px}.custom-size-inputs label{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.custom-size-inputs input{background:#0000004d;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);font-size:14px;padding:8px 12px;text-align:center;width:100px}.custom-size-inputs input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.custom-size-inputs .input-unit{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;margin-left:-30px;pointer-events:none}.custom-size-inputs .input-separator{color:#ffffffaa;color:var(--studio-text-muted);font-size:18px;margin-bottom:8px}.new-creative-modal .modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.new-creative-modal .btn-secondary{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s ease}.new-creative-modal .btn-secondary:hover{background:#ffffff1a}.new-creative-modal .btn-primary{background:#e63478;background:var(--studio-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .15s ease}.new-creative-modal .btn-primary:hover{filter:brightness(1.1)}.layers-panel{display:flex;flex-direction:column;height:100%}.layers-panel .panel-header{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);padding:16px}.layers-panel .panel-header h3{color:#fff;color:var(--studio-text);font-size:14px;font-weight:600;margin:0}.layers-panel .panel-header{align-items:center;display:flex;justify-content:space-between}.panel-header-actions{display:flex;gap:4px}.panel-header-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;color:var(--studio-text,#fff);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s ease}.panel-header-btn:hover{background:#fff3;border-color:#ffffff4d}.layer-options-menu-container{display:inline-block;position:relative}.options-btn{background:#0000;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;transition:all .15s ease}.options-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.layer-options-dropdown{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:6px;box-shadow:0 4px 12px #0006;min-width:180px;padding:4px 0;position:absolute;right:0;top:100%;z-index:100}.layer-options-dropdown button{background:#0000;border:none;color:#fff;color:var(--studio-text,#fff);cursor:pointer;display:block;font-size:12px;padding:8px 12px;text-align:left;transition:background .1s ease;width:100%}.layer-options-dropdown button:hover:not(:disabled){background:#ffffff1a}.layer-options-dropdown button:disabled{cursor:not-allowed;opacity:.5}.layer-options-dropdown .dropdown-divider{background:#3a3a42;background:var(--studio-border,#3a3a42);height:1px;margin:4px 0}.layer-options-dropdown .dropdown-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);display:block;font-size:10px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.layers-list{flex:1 1;overflow-y:auto;padding:12px}.layer-item{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:10px;position:relative;transition:all .15s ease}.layer-item:hover{background:#ffffff1a}.layer-item.selected{background:#c864961a;background:rgba(var(--studio-accent-rgb,200,100,150),.1);border-color:#e63478;border-color:var(--studio-accent)}.layer-item .layer-thumb{background:#0000004d;border-radius:4px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.layer-item .layer-thumb img{height:100%;object-fit:cover;width:100%}.layer-item .layer-info{flex:1 1;min-width:0}.layer-item .layer-size{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px}.layer-item .layer-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.remove-bg-inline{background:#ffffff1a;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:10px;padding:2px 6px;transition:all .15s ease}.remove-bg-inline:hover:not(:disabled){background:#e63478;background:var(--studio-accent);color:#fff}.remove-bg-inline:disabled{cursor:not-allowed;opacity:.5}.remove-bg-inline.loading{animation:pulse 1s ease-in-out infinite}.layer-item .layer-actions{display:flex;gap:4px}.layer-item .layer-actions button{background:#ffffff1a;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:12px;height:24px;transition:all .15s ease;width:24px}.layer-item .layer-actions button:hover{background:#e63478;background:var(--studio-accent);color:#fff}.layers-empty{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;padding:40px 20px;text-align:center}.layers-empty p{margin:0 0 8px}.layers-empty .hint{font-size:11px;opacity:.7}.layer-type-badge{align-items:center;background:#ffffff1a;border-radius:3px;display:inline-flex;flex-shrink:0;font-size:10px;height:18px;justify-content:center;margin-right:6px;width:18px}.layer-type-text{background:#3b82f633;color:#60a5fa}.layer-type-bitmap{background:#10b98133;color:#10b981}.layer-type-vector{background:#a855f733;color:#a855f7}.layer-type-group{background:#f59e0b33;color:#f59e0b}.layer-type-ai-generated{background:#ec489933;color:#ec4899}.layer-name-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.font-warning-badge{animation:warning-pulse 2s ease-in-out infinite;margin-left:4px}@keyframes warning-pulse{0%,to{opacity:1}50%{opacity:.6}}.layer-font{color:#fff6;font-size:10px;font-style:italic;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-blend-mode{background:#a78bfa26;color:#a78bfa;text-transform:capitalize}.layer-blend-mode,.layer-opacity{border-radius:3px;font-size:9px;padding:2px 6px;white-space:nowrap}.layer-opacity{background:#60a5fa26;color:#60a5fa}.layer-effects-badge{background:#f59e0b26;border-radius:3px;color:#f59e0b;cursor:help;font-size:9px;margin-left:4px;padding:2px 6px;white-space:nowrap}.layer-clipping-badge{cursor:help;font-size:10px;margin-left:4px;opacity:.8}.layer-item.layer-group{background:#ffffff0d;border-left:2px solid #6366f1;cursor:pointer}.layer-item.layer-group:hover{background:#ffffff14}.layer-item.layer-group.collapsed{opacity:.9}.group-expand-icon{color:#888;font-size:8px;margin-right:4px;transition:transform .15s ease}.layer-item.layer-group:hover .group-expand-icon{color:#fff}.layer-thumb-group{align-items:center;color:#6366f1;display:flex;font-size:14px;justify-content:center}.layer-item.layer-group .layer-meta:after{background:#6366f126;border-radius:3px;color:#6366f1;content:"Group";font-size:9px;margin-left:4px;padding:1px 4px}.layer-font-picker{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.layer-item .layer-name{align-items:center;color:#fff;color:var(--studio-text);display:flex;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-mode-panel{display:flex;flex-direction:column;height:100%}.edit-mode-panel .sidebar-header{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);padding:16px}.edit-mode-panel .sidebar-header h2{color:#fff;color:var(--studio-text);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.edit-mode-panel .sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.edit-mode-layers-section{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);min-height:0}.edit-mode-layers-section .layers-panel{display:flex;flex-direction:column;min-height:0}.edit-mode-layers-section .layers-panel .panel-header{background:var(--studio-surface);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);flex-shrink:0;padding:12px 16px}.edit-mode-layers-section .layers-list{flex:1 1;min-height:0;overflow-y:auto}.edit-mode-panel .prompt-reference-images{background:var(--studio-surface);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);padding:12px 16px}.edit-mode-panel .prompt-editor-section{flex-shrink:0;padding:16px}.layer-item.hidden-layer{opacity:.4}.layer-item.hidden-layer .layer-thumb img{filter:grayscale(80%)}.layer-actions .visibility-btn{font-size:12px;padding:2px 4px}.layer-actions .visibility-btn.hidden{opacity:.5}.layer-actions .delete-btn{color:#e74c3c}.layer-actions .delete-btn:hover{background:#e74c3c33}.generation-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.generation-loading-content{align-items:center;background:var(--studio-surface);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:16px;padding:32px 48px}.generation-spinner{animation:generation-spin 1s linear infinite;border:3px solid #3a3a42;border-top-color:#e63478;border:3px solid var(--studio-border);border-radius:50%;border-top-color:var(--studio-accent);height:48px;width:48px}@keyframes generation-spin{to{transform:rotate(1turn)}}.generation-text{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600}.generation-subtext{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px}.mockup-editing-section{background:linear-gradient(135deg,#9333ea26,#9333ea0d);border:1px solid #9333ea66;border-radius:8px;margin-bottom:16px;padding:12px}.mockup-editing-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.mockup-editing-icon{font-size:18px}.mockup-editing-title{color:#a78bfa;font-size:14px;font-weight:600}.mockup-editing-hint{color:#999;font-size:12px;line-height:1.4;margin-bottom:12px}.mockup-editing-actions{display:flex;gap:8px}.mockup-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .15s ease}.mockup-btn.save{background:#9333eacc;color:#fff}.mockup-btn.save:hover{background:#9333ea}.mockup-btn.close{background:#ffffff1a;border:1px solid #fff3;color:#ccc}.mockup-btn.close:hover{background:#ffffff26;color:#fff}.saved-mockup-reference{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.reference-thumb.mockup-thumb{background:linear-gradient(135deg,#9333ea1a,#9333ea0d);border:2px solid #9333ea99;height:72px;width:72px}.reference-thumb.mockup-thumb:hover{border-color:#9333ea;box-shadow:0 0 12px #9333ea66}.mockup-actions{flex-direction:column;gap:4px}.mockup-action-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#aaa;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.mockup-action-btn:hover{background:#ffffff1a;color:#fff}.mockup-action-btn.edit:hover{background:#9333ea33;border-color:#9333ea99;color:#a78bfa}.mockup-action-btn.remove:hover{background:#dc262633;border-color:#dc262699;color:#f87171}.create-mockup-btn{background:#9333ea0d;border:1px dashed #9333ea66;border-radius:6px;color:#a78bfae6;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:10px 16px;transition:all .15s ease;width:100%}.create-mockup-btn:hover{background:#9333ea26;border-color:#9333eab3;color:#a78bfa}.reference-hint{color:#666;font-size:12px;line-height:1.4;padding:8px 0;text-align:center}.canvas-with-toolbox{display:flex;flex:1 1;overflow:hidden}.canvas-toolbox{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border-right:1px solid #3a3a42;border-right:1px solid var(--studio-border,#3a3a42);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 6px;width:48px}.canvas-toolbox.disabled{opacity:.5;pointer-events:none}.toolbox-tools{display:flex;flex-direction:column;gap:4px}.tool-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s ease;width:36px}.tool-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff;color:var(--studio-text,#fff)}.tool-btn.active{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478);color:#fff}.tool-btn.ai-tool{background:linear-gradient(135deg,#9333ea33,#ec489933)}.tool-btn.ai-tool.active{background:linear-gradient(135deg,#9333ea,#ec4899);border-color:#9333ea;box-shadow:0 0 8px #9333ea80}.toolbox-options.ai-mode{background:#9333ea1a;border-top:1px solid #9333ea4d}.tool-hint.ai-hint{color:#c084fc;font-weight:500}.tool-btn:disabled{cursor:not-allowed;opacity:.4}.tool-icon{font-size:16px;line-height:1}.toolbox-divider{background:#3a3a42;background:var(--studio-border,#3a3a42);height:1px;margin:8px 0}.toolbox-options{gap:8px;padding-top:4px}.tool-option,.toolbox-options{display:flex;flex-direction:column}.tool-option{align-items:center;gap:4px}.option-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:10px;text-align:center}.option-icon{font-size:12px}.brush-size-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;cursor:pointer;direction:rtl;height:60px;width:32px;writing-mode:vertical-lr}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e63478;background:var(--studio-accent,#e63478);border:2px solid #fff;border-radius:50%;cursor:pointer;height:14px;width:14px}.brush-size-slider::-moz-range-thumb{background:#e63478;background:var(--studio-accent,#e63478);border:2px solid #fff;border-radius:50%;cursor:pointer;height:14px;width:14px}.option-value{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:10px;min-width:20px;text-align:center}.color-option{margin-top:4px}.color-picker{border:2px solid #fff3;border-radius:4px;cursor:pointer;height:28px;padding:0;width:28px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:2px}.color-presets{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr);padding:4px}.color-preset{border:1px solid #fff3;border-radius:3px;cursor:pointer;height:14px;padding:0;transition:transform .1s ease;width:14px}.color-preset:hover{border-color:#ffffff80;transform:scale(1.2)}.color-preset.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.tool-hint{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:10px;line-height:1.3;padding:4px;text-align:center}.tool-hint.subtle{color:#ffffffaa;color:var(--studio-text-muted,#fff6);font-size:9px;margin-top:-2px}.template-toolbar{background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:8px;padding:8px;z-index:100}.template-toolbar.floating{cursor:move;position:absolute;-webkit-user-select:none;user-select:none}.template-toolbar.floating.dragging{cursor:grabbing;opacity:.85}.template-toolbar.disabled{opacity:.5;pointer-events:none}.toolbar-drag-handle{color:#ffffff4d;cursor:grab;font-size:10px;letter-spacing:2px;padding:0 0 4px;text-align:center}.template-toolbar.dragging .toolbar-drag-handle{cursor:grabbing}.toolbar-tools{display:flex;flex-direction:row;gap:4px}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.toolbar-btn:hover:not(.btn-disabled){background:#ffffff26;border-color:#fff3;color:#fff}.toolbar-btn.active{background:#3a7ab8;border-color:#4a9eff;color:#fff}.toolbar-btn.btn-disabled{cursor:not-allowed;opacity:.4}.toolbar-icon{align-items:center;display:flex;font-size:16px;justify-content:center;line-height:1}.toolbar-icon svg{stroke:currentColor;fill:none;height:18px;width:18px}.toolbar-tooltip{align-items:center;background:#000000e6;border:1px solid #ffffff26;border-radius:4px;bottom:-28px;display:flex;gap:6px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:101}.tooltip-label{color:#fff;font-size:11px}.tooltip-shortcut{background:#ffffff1a;border-radius:2px;color:#ffffff80;font-size:10px;padding:1px 4px}.toolbar-ai-mode{border-top:1px solid #ffffff1a;color:#e63478;color:var(--studio-accent,#e63478);font-size:10px;padding-top:4px;text-align:center}.template-toolbar .toolbar-options{border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:8px;padding-top:8px}.template-toolbar .tool-option{color:#ffffffb3;display:flex;flex-direction:column;font-size:10px;gap:4px}.template-toolbar .tool-option label{font-size:9px;opacity:.6;text-transform:uppercase}.template-toolbar .tool-option input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;width:100%}.template-toolbar .tool-option input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e63478;background:var(--studio-accent,#e63478);border-radius:50%;cursor:pointer;height:12px;width:12px}.template-toolbar .color-presets{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr)}.template-toolbar .color-preset{border:1px solid #ffffff4d;border-radius:3px;cursor:pointer;height:16px;padding:0;width:16px}.template-toolbar .color-preset.active{border-color:#fff;box-shadow:0 0 0 1px #fff}.toolbar-btn.ai-tool{background:#e6347826}.toolbar-btn.ai-tool.active{animation:ai-pulse 1.5s ease-in-out infinite;background:#e63478;background:var(--studio-accent,#e63478)}@keyframes ai-pulse{0%,to{box-shadow:0 0 0 0 #e6347866}50%{box-shadow:0 0 0 4px #e6347800}}.generation-column{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);display:flex;flex-direction:column;height:100%;overflow-y:auto}.generation-column .sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.prompt-editor-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);padding:16px}.prompt-editor-section h4{align-items:center;color:#fff;color:var(--studio-text,#fff);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.prompt-editor-section h4 .icon{font-size:14px}.prompt-textarea{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:8px;color:#fff;color:var(--studio-text,#fff);font-family:inherit;font-size:13px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.prompt-textarea:focus{border-color:#e63478;border-color:var(--studio-accent,#e63478);outline:none}.prompt-textarea::placeholder{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80)}.prompt-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:12px}.brand-context-toggle{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);cursor:pointer;display:flex;font-size:12px;gap:8px}.brand-context-toggle input[type=checkbox]{accent-color:#e63478;accent-color:var(--studio-accent,#e63478)}.brand-context-toggle:hover{color:#fff;color:var(--studio-text,#fff)}.generate-btn{align-items:center;background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:#d12a6a;background:var(--studio-accent-hover,#d12a6a);transform:translateY(-1px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.generate-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.mockup-status-section{background:#ffffff05;background:var(--studio-section-bg,#ffffff05);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);padding:12px 16px}.mockup-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mockup-status-header h4{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.mockup-status-actions{gap:8px}.mockup-status-actions button{border-radius:4px;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease}.btn-edit-mockup{background:#e63478;background:var(--studio-accent,#e63478);border:none;color:#fff}.btn-edit-mockup:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.btn-clear-mockup{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border,#fff3);color:#ffffffaa;color:var(--studio-text-muted,#fff9)}.btn-clear-mockup:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.mockup-preview{align-items:center;display:flex;gap:12px;overflow-x:auto;padding:4px 0}.mockup-thumbnail{border:2px solid #e63478;border:2px solid var(--studio-accent,#e63478);border-radius:6px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.mockup-placeholder{align-items:center;background:#ffffff0d;border:2px dashed #3a3a42;border:2px dashed var(--studio-border,#fff3);border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.mockup-placeholder .layer-icon{font-size:20px}.mockup-status-bar{align-items:center;animation:slideUp .2s ease;background:#1a1a1e;background:var(--studio-surface,#1a1a1e);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.mockup-status-info{align-items:center;display:flex;gap:8px}.mockup-mini-thumb{border:1px solid #3a3a42;border:1px solid var(--studio-border,#fff3);border-radius:4px;height:24px;object-fit:cover;width:24px}.mockup-status-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px}.mockup-status-actions{display:flex;gap:6px}.mockup-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .15s ease}.mockup-action-btn.edit{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.mockup-action-btn.edit:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.mockup-action-btn.clear{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border,#fff3);color:#ffffffaa;color:var(--studio-text-muted,#fff9)}.mockup-action-btn.clear:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.layers-section{background:#ffffff05;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);padding:8px 12px}.layers-section-prominent{background:linear-gradient(135deg,#e634781a,#e634780d);border:1px solid #e634784d;border-radius:10px;margin:12px;padding:12px 14px}.layers-section-prominent .layers-section-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.layers-section-prominent .layers-section-info{align-items:center;display:flex;gap:8px}.layers-section-prominent .layers-icon{font-size:16px}.layers-section-prominent .layers-title{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:600}.layers-section-prominent .layers-count{border-radius:12px;font-size:11px;padding:3px 10px}.layers-section-prominent .edit-layers-btn,.layers-section-prominent .layers-count{background:#e63478;background:var(--studio-accent,#e63478);color:#fff;font-weight:600}.layers-section-prominent .edit-layers-btn{border:none;border-radius:6px;box-shadow:0 2px 8px #e634784d;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.layers-section-prominent .edit-layers-btn:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a);box-shadow:0 4px 12px #e6347866;transform:translateY(-1px)}.layers-section-prominent .loaded-psd-name{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:11px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-section-header{align-items:center;display:flex;gap:8px}.layers-title{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:500}.layers-count{border-radius:10px;font-weight:600;padding:2px 8px}.edit-layers-btn-small,.layers-count{background:#e63478;background:var(--studio-accent,#e63478);color:#fff;font-size:11px}.edit-layers-btn-small{border:none;border-radius:4px;cursor:pointer;margin-left:auto;padding:4px 12px;transition:background .15s ease}.edit-layers-btn-small:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.assets-bottom-bar{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-top:1px solid #667eea4d;cursor:pointer;display:flex;flex-shrink:0;margin-top:auto;padding:14px 16px;transition:all .2s ease}.assets-bottom-bar:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-top-color:#667eea80}.assets-bar-label{align-items:center;color:#fff;color:var(--studio-text,#fff);display:flex;font-size:13px;font-weight:600;gap:6px}.assets-bar-label:before{content:"📦";font-size:14px}.assets-bar-count{background:#667eea4d;border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:10px;min-width:24px;padding:3px 10px;text-align:center}.assets-bar-arrow{color:#ffffffb3;font-size:12px;margin-left:auto;transition:transform .2s ease}.assets-bottom-bar:hover .assets-bar-arrow{transform:translateX(3px)}.mockup-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);flex:1 1;font-size:12px}.mockup-actions{display:flex;gap:8px;margin-left:auto}.mockup-thumb{border:2px solid #3a3a42;border:2px solid var(--studio-border,#ffffff1a);flex-shrink:0;height:48px;overflow:hidden;width:48px}.mockup-thumb img{height:100%;object-fit:cover;width:100%}.mockup-layer-count{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#fff9);display:flex;font-size:11px;gap:4px}.reference-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reference-header h4{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.btn-browse-refs{background:#0000;border:1px solid #e63478;border:1px solid var(--studio-accent,#e63478);border-radius:4px;color:#e63478;color:var(--studio-accent,#e63478);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease}.btn-browse-refs:hover{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.selected-refs{display:flex;flex-wrap:wrap;gap:8px}.selected-ref{border:2px solid #e63478;border:2px solid var(--studio-accent,#e63478);border-radius:6px;height:56px;overflow:hidden;position:relative;width:56px}.selected-ref img{height:100%;object-fit:cover;width:100%}.selected-ref .remove-ref{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s ease;width:18px}.selected-ref:hover .remove-ref{opacity:1}.no-refs-selected{background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px;padding:12px;text-align:center}.mini-timeline{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);padding:12px 16px}.mini-timeline h4{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.timeline-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.round-indicator{align-items:center;background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border:2px solid #3a3a42;border:2px solid var(--studio-border,#ffffff1a);border-radius:8px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.round-indicator:hover{color:#fff;color:var(--studio-text,#fff)}.round-indicator.selected,.round-indicator:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478)}.round-indicator.selected{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.round-indicator.current{border-color:#4caf50;border-color:var(--studio-success,#4caf50)}.version-badge{align-items:center;background:#e63478;background:var(--studio-accent,#e63478);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-6px;top:-6px}.no-rounds-message{font-size:12px;padding:8px}.edit-history-section{flex:1 1;overflow-y:auto;padding:12px 16px}.edit-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.edit-history-header h4{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:600;margin:0}.edit-history-header .round-label{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;padding:4px 8px}.edit-history-list{display:flex;flex-direction:column;gap:8px}.edit-history-item{background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff0d);border-radius:8px;cursor:pointer;padding:10px 12px;transition:all .2s ease}.edit-history-item:hover{background:#ffffff0f;border-color:#3a3a42;border-color:var(--studio-border,#ffffff1a)}.edit-history-item.active{background:#e634781a;border-color:#e63478;border-color:var(--studio-accent,#e63478)}.edit-prompt-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--studio-text,#fff);display:-webkit-box;font-size:12px;line-height:1.4;margin-bottom:6px;overflow:hidden}.edit-timestamp{font-size:10px}.edit-timestamp,.no-edits-message{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80)}.no-edits-message{font-size:12px;padding:20px;text-align:center}.analysis-indicator{align-items:center;background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);border:2px solid #3a3a42;border:2px solid var(--studio-border,#fff3);border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:100}.analysis-indicator:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478);transform:scale(1.1)}.analysis-indicator .badge-text{color:#fff;color:var(--studio-text,#fff);font-size:12px;font-weight:600}.analysis-indicator.idle{border-color:#ffffff4d}.analysis-indicator.idle .badge-text{color:#ffffffaa;color:var(--studio-text-muted,#fff9)}.analysis-indicator.analyzing{animation:pulse-border 1.5s ease-in-out infinite;border-color:#ff9800;border-color:var(--studio-warning,#ff9800)}.analysis-indicator.critical,.analysis-indicator.error{background:#f4433633;border-color:#f44336;border-color:var(--studio-error,#f44336)}.analysis-indicator.critical .badge-text{color:#f44336;color:var(--studio-error,#f44336)}.analysis-indicator.high{background:#ff980033;border-color:#ff9800;border-color:var(--studio-warning,#ff9800)}.analysis-indicator.high .badge-text{color:#ff9800;color:var(--studio-warning,#ff9800)}.analysis-indicator.medium{background:#2196f31a;border-color:#2196f3;border-color:var(--studio-info,#2196f3)}.analysis-indicator.clean{background:#4caf501a;border-color:#4caf50;border-color:var(--studio-success,#4caf50)}.analysis-indicator.clean .badge-text{color:#4caf50;color:var(--studio-success,#4caf50)}.analyzing-spinner{animation:spin .8s linear infinite;border:2px solid #ff98004d;border-radius:50%;border-top:2px solid var(--studio-warning,#ff9800);height:14px;width:14px}@keyframes pulse-border{0%,to{border-color:#ff980080}50%{border-color:#ff9800;border-color:var(--studio-warning,#ff9800)}}.analysis-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.analysis-modal{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.analysis-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;justify-content:space-between;padding:16px 20px}.analysis-modal-header h3{color:#fff;color:var(--studio-text,#fff);font-size:16px;font-weight:600;margin:0}.analysis-modal-close{background:#0000;border:none;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:pointer;font-size:24px;height:32px;transition:all .2s ease;width:32px}.analysis-modal-close:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.analysis-modal-content{flex:1 1;overflow-y:auto;padding:20px}.analysis-loading{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);display:flex;flex-direction:column;gap:16px;padding:40px}.analysis-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--studio-accent,#e63478);height:40px;width:40px}.analysis-error{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);display:flex;flex-direction:column;gap:12px;padding:30px;text-align:center}.analysis-error .error-icon{font-size:32px}.analysis-error .btn-retry{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.analysis-score-section{align-items:center;background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border-radius:10px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.score-circle{align-items:center;background:linear-gradient(135deg,#e63478,#9c27b0);background:linear-gradient(135deg,var(--studio-accent,#e63478),#9c27b0);border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:70px;justify-content:center;width:70px}.score-value{color:#fff;font-size:24px;font-weight:700}.score-label{color:#fffc;font-size:10px;text-transform:uppercase}.score-headline{color:#fff;color:var(--studio-text,#fff);font-size:14px;line-height:1.4}.analysis-section{margin-bottom:20px}.analysis-section h4{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:600;margin:0 0 12px}.compliance-checks{display:flex;flex-direction:column;gap:8px}.compliance-check{align-items:center;background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border-left:3px solid #3a3a42;border-left:3px solid var(--studio-border,#ffffff1a);border-radius:6px;display:flex;gap:10px;padding:10px 12px}.compliance-check.status-pass{border-left-color:#4caf50;border-left-color:var(--studio-success,#4caf50)}.compliance-check.status-warn{border-left-color:#ff9800;border-left-color:var(--studio-warning,#ff9800)}.compliance-check.status-fail{border-left-color:#f44336;border-left-color:var(--studio-error,#f44336)}.check-icon{font-size:16px;text-align:center;width:20px}.status-pass .check-icon{color:#4caf50;color:var(--studio-success,#4caf50)}.status-warn .check-icon{color:#ff9800;color:var(--studio-warning,#ff9800)}.status-fail .check-icon{color:#f44336;color:var(--studio-error,#f44336)}.check-name{color:#fff;color:var(--studio-text,#fff);flex:1 1;font-size:13px}.check-suggestion{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px}.action-items{display:flex;flex-direction:column;gap:10px}.action-item{background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff0d);border-radius:8px;padding:12px;transition:all .2s ease}.action-item.clickable{cursor:pointer}.action-item.clickable:hover{background:#ffffff0f;border-color:#e63478;border-color:var(--studio-accent,#e63478)}.item-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.severity-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.severity-badge.severity-critical{background:#f4433633;color:#f44336;color:var(--studio-error,#f44336)}.severity-badge.severity-high{background:#ff980033;color:#ff9800;color:var(--studio-warning,#ff9800)}.severity-badge.severity-medium{background:#2196f333;color:#2196f3;color:var(--studio-info,#2196f3)}.severity-badge.severity-low{background:#ffffff1a;color:#ffffffaa;color:var(--studio-text-muted,#fff9)}.item-title{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:500}.item-description{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;line-height:1.4;margin-bottom:8px}.item-fix{background:#4caf501a;border-left:2px solid #4caf50;border-left:2px solid var(--studio-success,#4caf50);border-radius:4px;font-size:11px;padding:8px 10px}.fix-label{color:#4caf50;color:var(--studio-success,#4caf50);font-weight:600;margin-right:6px}.fix-text{color:#ffffffaa;color:var(--studio-text-muted,#fffc)}.analysis-clean{align-items:center;color:#4caf50;color:var(--studio-success,#4caf50);display:flex;flex-direction:column;gap:12px;padding:40px}.analysis-clean .clean-icon{font-size:48px}.analysis-modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.analysis-modal-footer button{border-radius:6px;cursor:pointer;font-size:13px;padding:10px 18px;transition:all .2s ease}.btn-autofix{background:#4caf50;background:var(--studio-success,#4caf50);border:none;color:#fff}.btn-autofix:hover{background:#43a047}.btn-reanalyze{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border,#fff3);color:#fff;color:var(--studio-text,#fff)}.btn-reanalyze:hover:not(:disabled){background:#ffffff1a}.btn-reanalyze:disabled{cursor:not-allowed;opacity:.5}.btn-close{background:#e63478;background:var(--studio-accent,#e63478);border:none;color:#fff}.btn-close:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.btn-full-analysis{background:#0000;border:1px solid #e63478;border:1px solid var(--studio-accent,#6366f1);color:#e63478;color:var(--studio-accent,#6366f1);margin-right:auto}.btn-full-analysis:hover{background:#e63478;background:var(--studio-accent,#6366f1);color:#fff}.analysis-tabs{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;gap:4px;margin:0 -20px 16px;padding:0 20px}.analysis-tab{align-items:center;background:#0000;border:none;color:#ffffffaa;color:var(--studio-text-muted,#888);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:12px 16px;position:relative;transition:all .2s ease}.analysis-tab.active,.analysis-tab:hover{color:#fff;color:var(--studio-text,#fff)}.analysis-tab.active:after{background:#e63478;background:var(--studio-accent,#6366f1);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.analysis-tab.has-issues{color:#f59e0b}.tab-score{background:#e63478;background:var(--studio-accent,#6366f1)}.tab-badge,.tab-score{border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.tab-badge{background:#ef4444}.analysis-tab-content{min-height:200px}.category-detail{padding:0}.category-title{color:#fff;color:var(--studio-text,#fff);font-size:15px;font-weight:600;margin:0 0 16px}.category-clean{align-items:center;color:#22c55e;color:var(--studio-success,#22c55e);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.category-clean .clean-icon{font-size:36px;margin-bottom:8px}.brand-reference{background:#2a2a2a;background:var(--studio-surface,#2a2a2a);border-radius:8px;margin-bottom:16px;padding:16px}.brand-reference h5{color:#ffffffaa;color:var(--studio-text-muted,#888);font-size:13px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{align-items:center;display:flex;flex-direction:column;gap:4px}.swatch-color{border:2px solid #ffffff1a;border-radius:6px;height:40px;width:40px}.swatch-label{color:#ffffffaa;color:var(--studio-text-muted,#888);font-family:monospace;font-size:10px}.font-list{display:flex;flex-wrap:wrap;gap:8px}.font-item{background:#ffffff0d;border-radius:6px;font-size:13px;padding:6px 12px}.font-name{color:#fff;color:var(--studio-text,#fff)}.font-usage{font-size:11px;margin-left:4px}.font-usage,.more-issues{color:#ffffffaa;color:var(--studio-text-muted,#888)}.more-issues{cursor:pointer;font-size:13px;padding:10px;text-align:center}.more-issues:hover{color:#e63478;color:var(--studio-accent,#6366f1)}.ref-picker-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ref-picker-modal{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.ref-picker-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;justify-content:space-between;padding:16px 20px}.ref-picker-header h3{color:#fff;color:var(--studio-text,#fff);font-size:16px;font-weight:600;margin:0}.ref-picker-header-actions{align-items:center;display:flex;gap:12px}.selected-count{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border-radius:12px;font-size:12px;padding:4px 10px}.ref-picker-close,.selected-count{color:#ffffffaa;color:var(--studio-text-muted,#fff9)}.ref-picker-close{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:24px;height:32px;transition:all .2s ease;width:32px}.ref-picker-close:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.ref-picker-content{flex:1 1;overflow-y:auto;padding:20px}.ref-picker-empty{font-size:13px;padding:40px;text-align:center}.ref-picker-empty small{display:block;font-size:11px;margin-top:8px}.ref-picker-group{margin-bottom:24px}.ref-picker-group:last-child{margin-bottom:0}.ref-picker-group-title{align-items:center;color:#fff;color:var(--studio-text,#fff);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.group-icon{font-size:16px}.group-count{color:var(--studio-text-muted,#ffffff80);font-size:11px;font-weight:400}.ref-picker-grid-container{flex:1 1;min-height:0;overflow-y:auto}.ref-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:16px}.ref-picker-empty{font-size:14px;min-height:200px}.ref-picker-empty,.ref-picker-load-more{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);display:flex;justify-content:center}.ref-picker-load-more{font-size:12px;grid-column:1/-1;padding:16px}.ref-item{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.ref-item:hover{background:#ffffff1a;transform:translateY(-2px)}.ref-item.selected{background:#e6347833}.ref-item-thumb{aspect-ratio:1;border:2px solid #0000;overflow:hidden;position:relative}.ref-item.selected .ref-item-thumb{border-color:#e63478;border-color:var(--studio-accent,#e63478)}.ref-item-thumb img{height:100%;object-fit:cover;width:100%}.ref-item-check{align-items:center;background:#e63478;background:var(--studio-accent,#e63478);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.ref-item-label{color:#fff;color:var(--studio-text,#fff);font-size:10px;overflow:hidden;padding:4px 6px 2px;text-overflow:ellipsis;white-space:nowrap}.ref-item-source{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:9px;padding:0 6px 4px;text-transform:uppercase}.ref-picker-item{cursor:pointer;display:flex;flex-direction:column;transition:all .2s ease}.ref-picker-item:hover{transform:translateY(-2px)}.ref-picker-thumb{aspect-ratio:1;border:2px solid #0000;border-radius:8px;overflow:hidden;position:relative;transition:border-color .2s ease}.ref-picker-item.selected .ref-picker-thumb{border-color:#e63478;border-color:var(--studio-accent,#e63478)}.ref-picker-thumb img{height:100%;object-fit:cover;width:100%}.ref-picker-checkbox{align-items:center;background:#00000080;border:2px solid #ffffff4d;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s ease;width:20px}.ref-picker-item.selected .ref-picker-checkbox{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478)}.ref-picker-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:11px;margin-top:6px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ref-picker-tabs{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:12px 20px}.ref-tab{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.ref-tab:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.ref-tab.active{background:#e63478;background:var(--studio-accent,#e63478);border-color:#e63478;border-color:var(--studio-accent,#e63478);color:#fff}.ref-picker-footer{align-items:center;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);display:flex;justify-content:space-between;padding:16px 20px}.ref-selected-count{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:13px}.ref-picker-done{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s ease}.ref-picker-done:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.round-stack.compact{flex-shrink:0}.round-stack.compact .filmstrip-thumb.small{height:48px;min-width:48px;width:48px}.round-stack.compact .filmstrip-thumb.small img{height:100%;object-fit:cover;width:100%}.round-stack.compact .filmstrip-thumb.small .thumb-placeholder{font-size:12px}.round-stack.compact .filmstrip-thumb.small .thumb-label{font-size:9px;padding:1px 4px}.round-stack.compact .version-badge-btn{font-size:9px;height:14px;right:-4px;top:-4px;width:14px}.round-stack.latest{flex-shrink:0}.round-stack.latest .filmstrip-thumb.large{border-width:3px;box-shadow:0 4px 12px #e634784d;height:80px;min-width:80px;width:80px}.round-stack.latest .filmstrip-thumb.large.active{border-color:#e63478;border-color:var(--studio-accent,#e63478);box-shadow:0 4px 16px #e6347880}.round-stack.latest .filmstrip-thumb.large .thumb-label{background:#e63478;background:var(--studio-accent,#e63478);font-size:11px;font-weight:600}.round-stack.latest .version-badge-btn{background:#e63478;background:var(--studio-accent,#e63478);font-size:11px;height:20px;width:20px}.round-stack.expanded.latest .round-stack-header{background:#e6347826;border-color:#e63478;border-color:var(--studio-accent,#e63478)}.round-stack.expanded.latest .filmstrip-thumb.large{height:70px;width:70px}.round-stack.expanded.compact .filmstrip-thumb.large{height:50px;width:50px}.round-stack.expanded.compact .thumb-label{font-size:9px}.rounds-filmstrip.large .filmstrip-items{align-items:flex-end;display:flex;gap:8px;padding:8px}.round-stack.compact{opacity:.85;transition:opacity .2s ease}.round-stack.compact:hover{opacity:1}.round-stack.latest:before{background:#3a3a42;background:var(--studio-border,#ffffff1a);border-radius:1px;content:"";height:60%;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:2px}.round-stack.latest{margin-left:8px;position:relative}.round-stack.latest:first-child:before{display:none}.generation-column .prompt-section{padding:0}.generation-column .prompt-section .prompt-editor-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);padding:16px}.generation-column .prompt-editor-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.generation-column .prompt-editor-textarea{word-wrap:break-word;background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:8px;color:#fff;color:var(--studio-text,#fff);font-family:inherit;font-size:14px;line-height:1.5;min-height:120px;overflow-wrap:break-word;padding:12px;resize:vertical;transition:border-color .2s ease;white-space:pre-wrap;width:100%}.generation-column .prompt-editor-textarea:focus{border-color:#e63478;border-color:var(--studio-accent,#e63478);outline:none}.generation-column .prompt-editor-textarea::placeholder{color:#ffffffaa;color:var(--studio-text-muted,#fff6)}.generation-column .prompt-editor-options{margin-top:10px}.generation-column .prompt-editor-options .brand-context-toggle{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);cursor:pointer;display:flex;font-size:12px;gap:8px}.generation-column .prompt-editor-options input[type=checkbox]{accent-color:#e63478;accent-color:var(--studio-accent,#e63478)}.generation-column .prompt-editor-actions{display:flex;gap:10px;margin-top:12px}.generation-column .btn-generate{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.generation-column .btn-generate:hover:not(:disabled){background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.generation-column .btn-generate:disabled{cursor:not-allowed;opacity:.5}.generation-column .btn-generate.processing{animation:smartEditPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e63478,#9b59b6 50%,#e63478);background-size:200% 100%}.generation-column .btn-generate.success{background:#27ae60}.generation-column .btn-generate.success:hover:not(:disabled){background:#2ecc71}.generation-column .btn-generate.failed{background:#e74c3c}.generation-column .btn-generate.failed:hover:not(:disabled){background:#c0392b}.generation-column .btn-clear{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border,#fff3);border-radius:8px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:pointer;font-size:13px;padding:12px 16px;transition:all .2s ease}.generation-column .btn-clear:hover:not(:disabled){background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.generation-column .btn-clear:disabled{cursor:not-allowed;opacity:.4}.generation-column .prompt-editor-hint{color:#ffffffaa;color:var(--studio-text-muted,#fff6);font-size:11px;margin-top:10px;text-align:center}.generation-column .prompt-editor-hint kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;display:inline-block;font-family:inherit;font-size:10px;padding:2px 5px}.section-divider{background:#3a3a42;background:var(--studio-border,#ffffff1a);height:1px;margin:0}.mockup-action-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);padding:12px 16px}.generation-column .mockup-action-btn{align-items:center;background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.generation-column .mockup-action-btn:hover{background:#d12d6a;box-shadow:0 4px 12px #e634784d;transform:translateY(-1px)}.generation-column .mockup-action-btn .mockup-label{font-size:14px;font-weight:600}.mockup-preview-mini{align-items:center;background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border-radius:6px;display:flex;gap:10px;margin-top:10px;padding:8px}.mockup-preview-mini img{border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:4px;height:40px;object-fit:cover;width:40px}.mockup-preview-mini .layer-count{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:12px}.mockup-preview-large{aspect-ratio:1/1;border:2px solid #3a3a42;border:2px solid var(--studio-border,#ffffff1a);border-radius:6px;cursor:pointer;margin-top:10px;max-width:140px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.mockup-preview-large:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478);box-shadow:0 4px 12px #e6347833}.mockup-preview-large img{height:100%;object-fit:cover;width:100%}.delete-mockup-corner{align-items:center;background:#000000b3;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:all .2s ease;width:28px}.mockup-preview-large:hover .delete-mockup-corner{opacity:1}.delete-mockup-corner:hover{background:#dc3545;transform:scale(1.1)}.editing-indicator{align-items:center;background:#e6347826;border-bottom:1px solid #e63478;border-bottom:1px solid var(--studio-accent,#e63478);color:#fff;color:var(--studio-text,#fff);display:flex;font-size:13px;gap:10px;padding:12px 16px}.editing-indicator .edit-icon{font-size:16px}.done-editing-btn{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:6px 14px}.done-editing-btn:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.reference-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);padding:12px 16px}.reference-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.reference-section .reference-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reference-section .browse-all-btn{background:#0000;border:1px solid #e63478;border:1px solid var(--studio-accent,#e63478);border-radius:4px;color:#e63478;color:var(--studio-accent,#e63478);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease}.reference-section .browse-all-btn:hover{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.reference-thumbs{display:flex;flex-wrap:wrap;gap:8px}.reference-thumb{border:2px solid #3a3a42;border:2px solid var(--studio-border,#fff3);border-radius:6px;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.reference-thumb:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478)}.reference-thumb img{height:100%;object-fit:cover;width:100%}.reference-thumb-label{bottom:0;font-size:9px;left:0;overflow:hidden;padding:2px 4px;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.reference-remove-btn,.reference-thumb-label{background:#000000b3;color:#fff;position:absolute}.reference-remove-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;opacity:0;right:2px;top:2px;transition:opacity .2s ease;width:18px}.reference-thumb:hover .reference-remove-btn{opacity:1}.reference-empty{padding:16px;text-align:center}.add-refs-prompt{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border:1px dashed #3a3a42;border:1px dashed var(--studio-border,#fff3);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:pointer;font-size:12px;padding:12px;transition:all .2s ease;width:100%}.add-refs-prompt:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478);color:#e63478;color:var(--studio-accent,#e63478)}.no-refs-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px}.rounds-accordion{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.rounds-accordion .accordion-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;justify-content:space-between;padding:12px 16px}.rounds-accordion .accordion-title{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rounds-accordion .round-count{background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border-radius:10px;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:11px;padding:2px 8px}.rounds-accordion .accordion-list{flex:1 1;overflow-y:auto}.previous-rounds-section{border-top:1px solid var(--studio-border,#ffffff1a);margin-top:8px}.previous-rounds-toggle{background:#ffffff05;color:var(--studio-text-muted,#fff9);padding:10px 16px;transition:all .2s ease}.previous-rounds-toggle:hover{background:#ffffff0d;color:var(--studio-text,#fff)}.previous-rounds-toggle .toggle-arrow{font-size:10px;opacity:.7;transition:transform .2s ease}.previous-rounds-toggle .toggle-label{flex:1 1;text-align:left}.previous-rounds-toggle .toggle-count{background:#ffffff1a}.previous-rounds-list{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff0d);max-height:400px;overflow-y:auto}.rounds-accordion.empty{padding:40px 16px}.no-rounds-message{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);display:flex;flex-direction:column;gap:8px;text-align:center}.no-rounds-message .no-rounds-icon{font-size:32px;opacity:.5}.no-rounds-message small{font-size:11px;opacity:.7}.round-accordion-item{border-radius:6px;transition:background .15s ease}.round-accordion-item.expanded{background:#ffffff05}.round-accordion-header{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;color:var(--studio-text,#fff);cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background .15s ease;width:100%}.round-accordion-header:hover{background:#ffffff0d}.round-header-left{align-items:center;display:flex;gap:10px}.round-thumb-mini{border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:6px;height:36px;overflow:hidden;width:36px}.round-thumb-mini img{height:100%;object-fit:cover;width:100%}.round-thumb-mini.has-favorite{border-color:#f59e0b;position:relative}.fav-mini-badge{align-items:center;background:#f59e0b;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:8px;height:14px;justify-content:center;position:absolute;right:-2px;width:14px}.filmstrip-thumb.original-creative{border:2px solid #3a3a42;border:2px solid var(--studio-border,#fff3)}.filmstrip-thumb.original-creative .thumb-label{background:#646464cc}.round-title{font-size:14px;font-weight:500}.latest-badge{background:#e63478;background:var(--studio-accent,#e63478);border-radius:3px;color:#fff;font-size:9px;font-weight:600;padding:2px 6px;text-transform:uppercase}.round-header-right{align-items:center;display:flex;gap:10px}.version-count{font-size:11px}.accordion-arrow,.version-count{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80)}.accordion-arrow{font-size:10px;transition:transform .2s ease}.round-accordion-item.expanded .accordion-arrow{color:#e63478;color:var(--studio-accent,#e63478)}.round-accordion-content{padding:0 16px 16px}.accordion-divider{background:#3a3a42;background:var(--studio-border,#ffffff1a);height:1px;margin:12px 0}.brief-requirements{background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff0d);border-radius:8px;padding:12px}.brief-requirements h5{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.brief-requirements.empty{padding:16px;text-align:center}.brief-requirements .no-brief-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px}.requirements-content{display:flex;flex-direction:column;gap:6px}.requirement-item{display:flex;font-size:12px;gap:6px;line-height:1.4}.requirement-item .req-label{color:#ffffffaa;color:var(--studio-text-muted,#fff9);flex-shrink:0;min-width:80px}.requirement-item .req-value{color:#fff;color:var(--studio-text,#fff)}.round-feedback{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);margin-top:12px;padding-top:12px}.round-feedback .feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.round-feedback h6{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.feedback-actions{display:flex;gap:6px}.select-all-btn{background:#0000;border:1px solid #fff3;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;transition:all .15s ease}.select-all-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.add-feedback-btn{background:#3498db26;border:1px solid #3498db4d;border-radius:4px;color:#3498db;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .15s ease}.add-feedback-btn:hover{background:#3498db40;border-color:#3498db80}.feedback-list{display:flex;flex-direction:column;gap:6px}.feedback-item{align-items:flex-start;background:#0003;background:var(--studio-bg-dark,#0003);border-left:3px solid #e63478;border-left:3px solid var(--studio-accent,#e91e63);border-radius:6px;color:#fff;color:var(--studio-text,#fff);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 10px;transition:all .15s ease}.feedback-item:hover{background:#00000059}.feedback-item.selected{background:#3498db26;border-color:#3498db}.feedback-checkbox{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);flex-shrink:0;font-size:14px}.feedback-checkbox-input{accent-color:#3498db;cursor:pointer;flex-shrink:0;height:14px;margin:0;width:14px}.feedback-item.selected .feedback-checkbox{color:#3498db}.feedback-text{flex:1 1;line-height:1.4}.feedback-item.task{border-left-color:#e63478;border-left-color:var(--studio-accent,#e91e63)}.feedback-item.task.selected{border-left-color:#3498db}.feedback-item.reply{border-left-color:#8bc34a;margin-left:12px}.feedback-item.reply.selected{border-left-color:#3498db}.feedback-item.comment{border-left-color:#ff9800}.feedback-item.comment.selected{border-left-color:#3498db}.current-round-section .round-inline-item{margin-bottom:0}.round-feedback-enhanced{display:flex;flex-direction:column;gap:10px;padding:12px 0}.round-feedback-enhanced .feedback-header-enhanced{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.round-feedback-enhanced .feedback-header-enhanced h6{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.feedback-item-card{background:#00000040;background:var(--studio-bg-dark,#00000040);border-left:3px solid #e63478;border-left:3px solid var(--studio-accent,#e91e63);border-radius:8px;padding:12px}.feedback-item-card.task{border-left-color:#e63478;border-left-color:var(--studio-accent,#e91e63)}.feedback-item-card.reply{border-left-color:#8bc34a;margin-left:16px}.feedback-item-card.comment{border-left-color:#ff9800}.feedback-section{margin-bottom:16px}.feedback-section:last-child{margin-bottom:0}.feedback-section-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding-left:4px;text-transform:uppercase}.studio-tasks-section .feedback-section-label{color:#e63478;color:var(--studio-accent,#e91e63)}.client-comments-section .feedback-section-label{color:#ff9800}.feedback-thread{margin-bottom:8px}.feedback-thread:last-child{margin-bottom:0}.feedback-replies{border-left:2px solid #8bc34a4d;margin-left:12px;margin-top:4px;padding-left:12px}.feedback-item-card.reply{align-items:stretch;background:#0000;border-left:none;display:flex;margin-bottom:4px;margin-left:0;padding:0}.feedback-item-card.reply:last-child{margin-bottom:0}.reply-connector{align-items:center;display:flex;flex-direction:column;padding-top:12px;width:20px}.connector-line{background:#8bc34a66;border-radius:1px;display:block;height:2px;width:12px}.reply-content{background:#0003;background:var(--studio-bg-dark,#0003);border-left:2px solid #8bc34a;border-radius:6px;flex:1 1;padding:10px}.reply-content .feedback-card-body,.reply-content .feedback-card-header{margin-bottom:6px}.reply-content .feedback-text{font-size:12px}.reply-content .feedback-type-badge{font-size:9px}.feedback-author,.feedback-author-info{align-items:center;display:flex;gap:8px;margin-bottom:8px}.feedback-author .author-name,.feedback-author-info .author-name{color:#fff;color:var(--studio-text,#fff);font-size:12px;font-weight:600}.feedback-author .author-role,.feedback-author-info .author-role{background:#ffffff14;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:10px;padding:2px 6px}.feedback-item-card .feedback-text{color:#fff;color:var(--studio-text,#fff);font-size:13px;line-height:1.5;margin-bottom:8px}.feedback-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.feedback-meta .feedback-date{color:#ffffffaa;color:var(--studio-text-muted,#fff6);font-size:10px}.feedback-meta .add-to-prompt-btn{background:#3498db26;border:1px solid #3498db4d;border-radius:4px;color:#3498db;cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;transition:all .15s ease}.feedback-meta .add-to-prompt-btn:hover{background:#3498db40;border-color:#3498db80}.no-feedback-enhanced{color:#ffffffaa;color:var(--studio-text-muted,#fff6);font-size:12px;padding:20px;text-align:center}.view-history-btn{align-items:center;background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-top:12px;padding:10px 14px;transition:all .15s ease;width:100%}.view-history-btn:hover{background:#ffffff0f;border-color:#ffffff26}.view-history-btn .history-btn-icon{font-size:14px}.view-history-btn .history-btn-text{color:#fff;color:var(--studio-text,#fff);flex:1 1;font-size:12px;font-weight:500;text-align:left}.view-history-btn .history-btn-count{background:#ffffff14;border-radius:10px;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:11px;padding:2px 10px}.round-history-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.round-history-modal{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.history-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;justify-content:space-between;padding:16px 20px}.history-modal-header h3{color:#fff;color:var(--studio-text,#fff);font-size:16px;font-weight:600;margin:0}.history-modal-header .modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.history-modal-header .modal-close-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.history-modal-tabs{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff14);display:flex;gap:4px;overflow-x:auto;padding:12px 20px}.history-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.history-tab:hover{background:#ffffff0d;color:#fff;color:var(--studio-text,#fff)}.history-tab.active{background:#3498db26;border-color:#3498db4d;color:#3498db}.history-tab .tab-badge{font-size:10px}.history-modal-content{flex:1 1;overflow-y:auto;padding:20px}.history-content-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr}.history-visual-column{display:flex;flex-direction:column;gap:12px}.history-large-thumb{aspect-ratio:1;background:#0000004d;border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff14);border-radius:8px;overflow:hidden;width:100%}.history-large-thumb img{height:100%;object-fit:contain;width:100%}.thumb-placeholder-large{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);color:#ffffffaa;color:var(--studio-text-muted,#ffffff4d);display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;width:100%}.layers-info{text-align:center}.layers-info .layers-badge{background:#2ecc7126;border-radius:4px;color:#2ecc71;font-size:11px;padding:4px 12px}.restore-btn-large{align-items:center;background:#3498db26;border:1px solid #3498db4d;border-radius:8px;color:#3498db;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .15s ease;width:100%}.restore-btn-large:hover:not(:disabled){background:#3498db40;border-color:#3498db80;transform:translateY(-1px)}.restore-btn-large:disabled{cursor:not-allowed;opacity:.4}.history-comments-column{display:flex;flex-direction:column;gap:12px}.history-comments-column h4{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff14);color:#fff;color:var(--studio-text,#fff);font-size:14px;font-weight:600;margin:0;padding-bottom:8px}.history-comments-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.history-comment-card{background:#0003;background:var(--studio-bg-dark,#0003);border-left:3px solid var(--studio-accent,#e91e63);border-radius:8px;padding:12px}.history-comment-card.task{border-left-color:#e63478;border-left-color:var(--studio-accent,#e91e63)}.history-comment-card.reply{border-left-color:#8bc34a}.history-comment-card.comment{border-left-color:#ff9800}.history-comment-card .comment-header{flex-wrap:wrap;gap:8px;margin-bottom:8px}.history-comment-card .comment-author{font-size:12px}.history-comment-card .comment-role{background:#ffffff14;border-radius:4px;color:var(--studio-text-muted,#ffffff80);font-size:10px;padding:2px 6px}.history-comment-card .comment-type-badge{border-radius:4px;font-size:9px;font-weight:600;margin-left:auto;padding:2px 6px;text-transform:uppercase}.history-comment-card .comment-type-badge.task{background:#e91e6326;color:#e63478;color:var(--studio-accent,#e91e63)}.history-comment-card .comment-type-badge.reply{background:#8bc34a26;color:#8bc34a}.history-comment-card .comment-type-badge.comment{background:#ff980026;color:#ff9800}.history-comment-card .comment-text{color:var(--studio-text,#fff);font-size:13px;line-height:1.5;margin-bottom:8px}.history-section{margin-bottom:16px}.history-section:last-child{margin-bottom:0}.history-section-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding-left:4px;text-transform:uppercase}.history-section:first-child .history-section-label{color:#e63478;color:var(--studio-accent,#e91e63)}.history-section:last-child .history-section-label{color:#ff9800}.history-thread{margin-bottom:8px}.history-thread:last-child{margin-bottom:0}.history-replies{border-left:2px solid #8bc34a4d;margin-left:12px;margin-top:4px;padding-left:12px}.history-replies .history-comment-card.reply{align-items:flex-start;background:#0000;border-left:none;display:flex;gap:8px;margin-bottom:4px;margin-left:0;padding:0}.history-replies .history-comment-card.reply:last-child{margin-bottom:0}.reply-indicator{color:#8bc34a99;font-size:14px;padding-top:10px}.reply-card-content{background:#0003;background:var(--studio-bg-dark,#0003);border-left:2px solid #8bc34a;border-radius:6px;flex:1 1;padding:10px}.reply-card-content .comment-header{margin-bottom:6px}.reply-card-content .comment-text{font-size:12px;margin-bottom:6px}.no-comments-message{color:#ffffffaa;color:var(--studio-text-muted,#fff6);font-size:13px;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:700px){.history-content-layout{grid-template-columns:1fr}.history-large-thumb{margin:0 auto;max-width:200px}}.section-brief{background:#ffffff08;background:var(--studio-input-bg,#ffffff08);border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff14);border-radius:8px;margin-bottom:16px;overflow:hidden}.section-brief-header{align-items:center;background:#0000;border:none;color:#fff;color:var(--studio-text,#fff);cursor:pointer;display:flex;gap:8px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.section-brief-header:hover{background:#ffffff0d}.section-brief .brief-icon{font-size:14px}.section-brief .brief-title{color:#fff;color:var(--studio-text,#fff);flex:1 1;font-size:13px;font-weight:500}.section-brief .brief-count{background:#ffffff14;border-radius:10px;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:11px;padding:2px 8px}.section-brief .accordion-arrow{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:10px}.section-brief-content{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff14);padding:0 16px 16px}.brief-section-heading{color:#fff;color:var(--studio-text,#fff);font-size:14px;font-weight:600;padding:12px 0 8px}.brief-requirement-item{background:var(--studio-bg-dark,#0003);border-radius:6px;display:flex;flex-direction:column;font-size:12px;gap:2px;padding:8px 12px}.brief-requirement-item .req-label{color:var(--studio-accent,#e91e63);font-size:11px;font-weight:500;letter-spacing:.3px}.brief-requirement-item .req-value{color:var(--studio-text,#fff);line-height:1.5}.no-brief-message{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px;padding:12px;text-align:center}.round-original-notice{align-items:center;background:#3498db1a;border-radius:6px;color:#3498db;display:flex;font-size:12px;gap:8px;margin-bottom:8px;padding:10px 12px}.round-original-notice .original-icon{font-size:14px}.psd-autoload-indicator{align-items:center;background:#3498db26;border:1px solid #3498db4d;border-radius:6px;color:#3498db;display:flex;font-size:12px;gap:8px;margin-bottom:8px;padding:10px 12px}.psd-autoload-indicator .autoload-spinner{animation:spin 1s linear infinite;font-size:16px}.psd-autoload-indicator .autoload-text{font-weight:500}.psd-autoload-error{align-items:center;background:#e74c3c1a;border-radius:6px;color:#e74c3ccc;display:flex;font-size:11px;gap:8px;margin-bottom:8px;padding:8px 12px}.psd-autoload-error .error-icon{font-size:14px}.round-no-feedback{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-style:italic;padding:8px 12px}.round-accordion-item.original .round-accordion-header{border-left:3px solid #3498db}.feedback-indicator{font-size:14px;margin-right:4px}.round-versions{margin-top:12px}.round-versions h5{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.round-versions.empty{padding:16px;text-align:center}.round-versions .no-versions-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px}.versions-grid{display:flex;flex-wrap:wrap;gap:8px}.version-thumb{border:2px solid #3a3a42;border:2px solid var(--studio-border,#ffffff1a);border-radius:6px;cursor:pointer;height:56px;overflow:hidden;position:relative;transition:all .2s ease;width:56px}.version-thumb:hover{transform:scale(1.05)}.version-thumb.active,.version-thumb:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478)}.version-thumb.active{box-shadow:0 0 0 2px #e634784d}.version-thumb img{height:100%;object-fit:cover;width:100%}.version-thumb .version-label{background:#000000b3;bottom:0;color:#fff;font-size:9px;left:0;padding:2px;position:absolute;right:0;text-align:center}.version-thumb .fav-indicator{color:gold;font-size:10px;position:absolute;right:2px;text-shadow:0 1px 2px #00000080;top:2px}.generation-column.edit-mode{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e)}.generation-column.edit-mode .sidebar-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;justify-content:space-between;padding:12px 16px}.generation-column.edit-mode .sidebar-header h2{color:#fff;color:var(--studio-text,#fff);font-size:14px;font-weight:600;margin:0}.done-editing-btn-header{background:#e63478;background:var(--studio-accent,#e63478);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.done-editing-btn-header:hover{background:#d12a6a;background:var(--studio-accent-hover,#d12a6a)}.edit-mode-content{flex-direction:column;overflow:hidden}.prompt-section-collapsible,.prompt-section-collapsible.collapsed{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a)}.prompt-collapse-toggle{align-items:center;background:#0000;border:none;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.prompt-collapse-toggle:hover{background:#ffffff0d}.prompt-collapse-toggle .toggle-icon{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:10px}.prompt-editor-section.compact{padding:10px 16px}.prompt-editor-section.compact .prompt-editor-textarea{font-size:13px;min-height:60px}.prompt-editor-section.compact .prompt-editor-actions{margin-top:8px}.prompt-editor-section.compact .btn-generate{font-size:12px;padding:8px 16px}.edit-mode-layers-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#ffffff1a);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.edit-mode-layers-section .layers-panel{background:#ffffff05;background:var(--studio-surface,#ffffff05);flex:1 1;overflow-y:auto}.edit-mode-round-section{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);flex-shrink:0;max-height:150px;overflow-y:auto}.rounds-accordion.compact{padding:12px 16px}.rounds-accordion.compact .compact-round-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rounds-accordion.compact .compact-round-label{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.rounds-accordion.compact .compact-round-number{background:#e63478;background:var(--studio-accent,#e63478);border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.rounds-accordion.compact .compact-round-info{align-items:center;display:flex;gap:10px}.rounds-accordion.compact .compact-thumb{border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.rounds-accordion.compact .compact-thumb img{height:100%;object-fit:cover;width:100%}.rounds-accordion.compact .compact-round-details{display:flex;flex-direction:column;gap:2px}.rounds-accordion.compact .compact-round-title{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:500}.rounds-accordion.compact .compact-version-count{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:11px}.rounds-accordion.compact.empty{align-items:center;display:flex;justify-content:center}.rounds-accordion.compact .compact-empty-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px}.layer-thumb{align-items:center;background:#ffffff0d;background:var(--studio-input-bg,#ffffff0d);border-radius:4px;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.layer-thumb img{height:100%;object-fit:cover;width:100%}.layer-thumb-drawing,.layer-thumb-group,.layer-thumb-placeholder,.layer-thumb-text{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:18px;font-weight:600}.layer-item.layer-group{background:#64646426;border-left:2px solid #ffc86480}.layer-item.layer-group:hover{background:#64646440}.layer-thumb-group{font-size:16px!important}.layer-thumb-error{background:#ff00001a}.ai-layer-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;color:#fff;display:inline-flex;font-size:8px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-left:6px;padding:1px 4px;text-transform:uppercase;vertical-align:middle}.ai-layer-prompt-input{background:#8b5cf61a;border-bottom:1px solid #8b5cf64d;padding:12px}.ai-layer-prompt-input textarea{background:#0000004d;border:1px solid #8b5cf666;border-radius:6px;color:#fff;font-family:inherit;font-size:13px;margin-bottom:8px;padding:10px;resize:none;width:100%}.ai-layer-prompt-input textarea:focus{border-color:#8b5cf6cc;box-shadow:0 0 0 2px #8b5cf633;outline:none}.ai-layer-prompt-input textarea::placeholder{color:#fff6}.ai-layer-prompt-actions{display:flex;gap:8px}.ai-layer-generate-btn{background:linear-gradient(135deg,#8b5cf6e6,#a855f7e6);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.ai-layer-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a855f7)}.ai-layer-generate-btn:disabled{cursor:not-allowed;opacity:.5}.ai-layer-cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .15s ease}.ai-layer-cancel-btn:hover:not(:disabled){background:#ffffff26;color:#fff}.ai-layer-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.add-layer-btn.ai-layer-btn.active{background:linear-gradient(135deg,#8b5cf6e6,#a855f7e6);border-color:#8b5cf6;color:#fff}.layers-panel-actions{background:#1f1f24;background:var(--studio-panel-bg);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:8px;padding:12px}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.ai-generate-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.ai-generate-btn.active{animation:pulse-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #f093fb66}50%{box-shadow:0 0 20px 4px #f093fb99}}.ai-generate-icon{font-size:14px}.ai-generate-label{white-space:nowrap}.layer-properties-panel{background:#18181c;background:var(--studio-panel-darker,#18181c);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#3a3a42);flex-shrink:0;padding:12px}.layer-properties-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.layer-properties-header .properties-title{color:#888;color:var(--studio-text-secondary,#888);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.layer-properties-header .properties-layer-name{color:#ffffffaa;color:var(--studio-text-muted,#666);font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-property-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.layer-property-row:last-child{margin-bottom:0}.layer-property-row .property-label{color:#888;color:var(--studio-text-secondary,#888);flex-shrink:0;font-size:11px;min-width:50px}.layer-property-row .property-select{background:#2a2a30;background:var(--studio-input-bg,#2a2a30);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:4px;color:#fff;color:var(--studio-text,#e0e0e0);cursor:pointer;flex:1 1;font-size:12px;outline:none;padding:6px 8px;transition:border-color .15s ease}.layer-property-row .property-select:focus,.layer-property-row .property-select:hover{border-color:#e63478;border-color:var(--studio-accent,#5865f2)}.layer-property-row .property-select:focus{box-shadow:0 0 0 2px #5865f233}.property-slider-container{align-items:center;display:flex;flex:1 1;gap:10px}.property-slider-container .property-slider{-webkit-appearance:none;appearance:none;background:#2a2a30;background:var(--studio-input-bg,#2a2a30);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.property-slider-container .property-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e63478;background:var(--studio-accent,#5865f2);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:14px}.property-slider-container .property-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.property-slider-container .property-slider::-moz-range-thumb{background:#e63478;background:var(--studio-accent,#5865f2);border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.property-slider-container .property-value{color:#888;color:var(--studio-text-secondary,#888);font-size:11px;min-width:36px;text-align:right}.layer-property-row.effects-row .property-effects-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.layer-property-row.effects-row .effect-tag{cursor:default;font-size:14px}.layer-property-row.effects-row .effects-note{color:#ffffffaa;color:var(--studio-text-muted,#666);font-size:10px;margin-left:4px}.layer-property-row.clipping-row .clipping-target{background:#2a2a30;background:var(--studio-input-bg,#2a2a30);border-radius:4px;color:#fff;color:var(--studio-text,#e0e0e0);font-size:11px;max-width:150px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.ai-mode-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;display:flex;font-size:13px;font-weight:500;gap:12px;left:50%;padding:10px 16px;position:absolute;top:60px;transform:translateX(-50%);z-index:100}.ai-mode-icon{font-size:16px}.ai-mode-text{white-space:nowrap}.ai-mode-cancel{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:background .15s ease}.ai-mode-cancel:hover{background:#ffffff4d}.ai-layer-prompt-overlay{animation:fadeInScale .2s ease-out;background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:10px;box-shadow:0 8px 32px #0006;padding:14px;position:absolute;width:300px;z-index:2000}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-prompt-header{gap:8px;margin-bottom:12px}.ai-prompt-icon{font-size:16px}.ai-prompt-title{color:#fff;color:var(--studio-text);font-size:13px;font-weight:600}.ai-prompt-size{background:#3b82f626;border-radius:4px;color:#3b82f6;font-size:11px;margin-left:auto;padding:2px 8px}.ai-prompt-input{background:#ffffff14;border:1px solid var(--studio-border);color:var(--studio-text);outline:none;padding:10px 12px;transition:border-color .15s ease}.ai-prompt-input:focus{box-shadow:0 0 0 2px #3b82f633}.ai-prompt-input::placeholder{color:#ffffffaa;color:var(--studio-text-muted)}.ai-prompt-input:disabled{cursor:not-allowed;opacity:.6}.ai-prompt-options{margin:12px 0}.ai-prompt-toggle{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:12px;gap:8px}.ai-prompt-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:14px;width:14px}.ai-prompt-toggle span{-webkit-user-select:none;user-select:none}.ai-prompt-error{background:#ff646426;border:1px solid #ff64644d;border-radius:6px;color:#ff6b6b;font-size:11px;margin-bottom:12px;padding:8px 10px}.ai-prompt-actions{display:flex;gap:8px;justify-content:flex-end}.ai-prompt-cancel-btn{background:#ffffff1a;border:none;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .15s ease}.ai-prompt-cancel-btn:hover:not(:disabled){background:#ffffff26;color:#fff;color:var(--studio-text)}.ai-prompt-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.ai-prompt-generate-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.ai-prompt-generate-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.ai-prompt-generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.generating-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;width:12px}.ai-prompt-loading-overlay{align-items:center;background:#1a1a2ef2;border-radius:12px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.ai-prompt-loading-spinner{animation:spin 1s linear infinite;border:3px solid #a855f74d;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}.ai-prompt-loading-text{color:#e0e0e0;font-size:14px;font-weight:500}.ai-prompt-loading-hint{color:#888;font-size:12px}.ai-prompt-hint{color:#666;font-size:11px;margin-top:8px;text-align:center}.ai-prompt-layer-name{background:#a855f733;border-radius:4px;color:#888;font-size:11px;margin-left:8px;padding:2px 8px}.annotate-mode-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#14b8a6f2,#0694a2f2);border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;display:flex;font-size:13px;font-weight:500;gap:12px;left:50%;padding:10px 16px;position:absolute;top:60px;transform:translateX(-50%);z-index:100}.annotate-mode-icon{font-size:16px}.annotate-mode-text{white-space:nowrap}.annotate-mode-cancel{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:background .15s ease}.annotate-mode-cancel:hover{background:#ffffff4d}.annotate-prompt-popup{animation:fadeInScale .2s ease-out;background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:10px;box-shadow:0 8px 32px #0006;padding:14px;position:absolute;width:300px;z-index:200}.annotate-prompt-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.annotate-prompt-icon{color:#14b8a6;font-size:16px}.annotate-prompt-title{color:#fff;color:var(--studio-text);font-size:13px;font-weight:600}.annotate-prompt-size{background:#14b8a626;border-radius:4px;color:#14b8a6;font-size:11px;margin-left:auto;padding:2px 8px}.annotate-prompt-input{background:#ffffff14;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;box-sizing:border-box;color:#fff;color:var(--studio-text);font-size:13px;outline:none;padding:10px 12px;transition:border-color .15s ease;width:100%}.annotate-prompt-input:focus{border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a633}.annotate-prompt-input::placeholder{color:#ffffffaa;color:var(--studio-text-muted)}.annotate-prompt-input:disabled{cursor:not-allowed;opacity:.6}.annotate-prompt-error{background:#ff646426;border:1px solid #ff64644d;border-radius:6px;color:#ff6b6b;font-size:11px;margin:12px 0;padding:8px 10px}.annotate-thumb-preview{align-items:center;background:#14b8a61a;border:1px solid #14b8a640;border-radius:6px;display:flex;gap:10px;margin-bottom:12px;padding:8px}.annotate-thumb-preview img{border:1px solid #14b8a64d;border-radius:4px;height:64px;object-fit:cover;width:64px}.annotate-thumb-label{color:#14b8a6;font-size:11px;font-weight:500}.annotate-prompt-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-style:italic;margin:8px 0 12px}.annotate-prompt-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.annotate-prompt-cancel-btn{background:#ffffff1a;border:none;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .15s ease}.annotate-prompt-cancel-btn:hover:not(:disabled){background:#ffffff26;color:#fff;color:var(--studio-text)}.annotate-prompt-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.annotate-prompt-apply-btn{align-items:center;background:linear-gradient(135deg,#14b8a6,#0694a2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.annotate-prompt-apply-btn:hover:not(:disabled){box-shadow:0 4px 12px #14b8a666;transform:translateY(-1px)}.annotate-prompt-apply-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.applying-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;width:12px}.canvas-image-wrapper.annotate-mode-active{cursor:crosshair}.compact-reference-row{margin:8px 0;position:relative}.ref-thumbnails-inline{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ref-thumb-mini{border:1px solid #ffffff26;border-radius:4px;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:all .15s ease;width:32px}.ref-thumb-mini:hover{border-color:#e63478;border-color:var(--studio-accent);transform:scale(1.05)}.ref-thumb-mini img{height:100%;object-fit:cover;width:100%}.ref-thumb-mini .remove-mini{background:#e63478;background:var(--studio-accent);border-radius:50%;color:#fff;font-size:10px;height:14px;line-height:14px;opacity:0;position:absolute;right:-4px;text-align:center;top:-4px;transition:opacity .15s ease;width:14px}.ref-thumb-mini:hover .remove-mini{opacity:1}.ref-overflow-indicator{align-items:center;background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:11px;height:32px;justify-content:center;width:32px}.ref-overflow-indicator:hover{background:#ffffff26;border-color:#e63478;border-color:var(--studio-accent)}.ref-add-btn-mini{align-items:center;background:#ffffff14;border:1px dashed #ffffff4d;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.ref-add-btn-mini:hover{background:#ffffff1f;border-color:#e63478;border-color:var(--studio-accent);color:#e63478;color:var(--studio-accent)}.ref-hover-preview{background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006;left:0;padding:4px;position:absolute;z-index:100}.ref-hover-preview img{border-radius:4px;display:block;max-height:150px;max-width:150px}.ref-hover-preview .preview-label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:10px;margin-top:4px;text-align:center}.ref-mini-picker-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ref-mini-picker{background:#1f1f24;background:var(--studio-panel-bg);border-radius:8px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;max-height:400px;width:320px}.mini-picker-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.mini-picker-header button{background:none;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:18px}.mini-picker-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:12px}.mini-picker-empty{color:#ffffffaa;color:var(--studio-text-muted);grid-column:1/-1;padding:20px;text-align:center}.mini-picker-item{aspect-ratio:1;border:2px solid #0000;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s ease}.mini-picker-item.selected,.mini-picker-item:hover{border-color:#e63478;border-color:var(--studio-accent)}.mini-picker-item img{height:100%;object-fit:cover;width:100%}.mini-picker-item .check{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.mini-picker-footer{align-items:center;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;justify-content:space-between;padding:10px 16px}.mini-picker-footer button{background:#e63478;background:var(--studio-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 16px}.generate-button-section{margin:12px 0}.generate-options-row{align-items:center;display:flex;margin-bottom:8px}.brand-context-toggle-mini{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:11px;gap:6px}.brand-context-toggle-mini input{accent-color:#e63478;accent-color:var(--studio-accent);height:14px;width:14px}.btn-generate-standalone{background:linear-gradient(135deg,#e63478,#c62b66);background:linear-gradient(135deg,var(--studio-accent) 0,#c62b66 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .15s ease;width:100%}.btn-generate-standalone:hover:not(:disabled){box-shadow:0 4px 12px #e6347866;transform:translateY(-1px)}.btn-generate-standalone:disabled{cursor:not-allowed;opacity:.5;transform:none}.mockups-section{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin:12px 0;padding:12px 0}.mockups-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.mockups-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mockups-count,.mockups-label{color:#ffffffaa;color:var(--studio-text-muted)}.mockups-count{background:#ffffff1a;border-radius:10px;font-size:10px;padding:2px 6px}.mockups-grid{display:flex;flex-wrap:wrap;gap:8px}.mockup-thumb-item{border:2px solid #ffffff1a;border-radius:6px;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .15s ease;width:60px}.mockup-thumb-item:hover{border-color:#e63478;border-color:var(--studio-accent)}.mockup-thumb-item img{height:100%;object-fit:cover;width:100%}.mockup-hover-actions{align-items:center;background:#0009;bottom:0;display:flex;gap:6px;justify-content:center;left:0;position:absolute;right:0;top:0}.mockup-action-delete,.mockup-action-edit{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.mockup-action-edit{background:#3b82f6cc;color:#fff}.mockup-action-edit:hover{background:#e63478;background:var(--studio-accent);transform:scale(1.1)}.mockup-action-delete{background:#ef4444cc;color:#fff}.mockup-action-delete:hover{background:#e74c3c;transform:scale(1.1)}.mockup-label-mini{background:#000000b3;bottom:0;color:#ffffffaa;color:var(--studio-text-muted);font-size:9px;left:0;overflow:hidden;padding:2px 4px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mockup-create-btn{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:60px;justify-content:center;transition:all .15s ease;width:60px}.mockup-create-btn:hover{background:#ffffff14;border-color:#e63478;border-color:var(--studio-accent)}.mockup-create-btn .create-icon{color:#ffffffaa;color:var(--studio-text-muted);font-size:20px}.mockup-create-btn .create-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:9px}.mockups-empty-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;opacity:.7;padding:8px;text-align:center}.assets-panel{display:flex;flex-direction:column;height:100%}.assets-tabs{background:#0000001a;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);gap:4px}.assets-tab,.assets-tabs{display:flex;padding:8px 12px}.assets-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;transition:all .15s ease}.assets-tab:hover{background:#ffffff0d;color:#fff;color:var(--studio-text)}.assets-tab.active{background:#9333ea26;border-color:#9333ea66;color:#9333ea}.assets-tab .tab-count{background:#9333ea4d;border-radius:10px;color:#9333ea;font-size:10px;font-weight:600;padding:2px 6px}.mockups-tab-content{flex:1 1;overflow-y:auto;padding:12px}.mockups-tab-content .mockups-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.mockups-tab-content .mockup-item{aspect-ratio:1;background:var(--studio-sidebar-bg);border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s ease}.mockups-tab-content .mockup-item:hover{border-color:#9333ea99;transform:scale(1.02)}.mockups-tab-content .mockup-item img{height:100%;object-fit:cover;width:100%}.mockups-tab-content .mockup-item .mockup-label{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:4px 6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.mockups-tab-content .mockup-item .mockup-delete-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .15s ease;width:20px}.mockups-tab-content .mockup-item:hover .mockup-delete-btn{opacity:1}.mockups-tab-content .mockup-item .mockup-delete-btn:hover{background:#dc3545cc}.mockups-empty{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.mockups-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.mockups-empty p{font-size:14px;margin:0 0 8px}.mockups-empty .empty-hint{font-size:12px;opacity:.7}.compact-prompt .prompt-editor-hint{display:none}.rounds-accordion.expanded-view,.rounds-accordion.rounds-list-view,.rounds-accordion.simplified-view{display:flex;flex-direction:column;gap:8px}.rounds-list-header{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.rounds-list-title{color:#fff;color:var(--studio-text);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rounds-list-count{background:#ffffff0d;border-radius:10px;color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;padding:2px 8px}.rounds-list{display:flex;flex-direction:column;gap:4px}.current-round-section{margin-bottom:12px}.current-round-label{color:#ffffffaa;color:var(--studio-text-muted,#fff9);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;padding-left:2px;text-transform:uppercase}.current-round-section .round-accordion-item{background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:8px}.previous-rounds-section{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding-top:8px}.previous-rounds-toggle{align-items:center;background:#0000;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 4px;transition:color .15s ease;width:100%}.previous-rounds-toggle:hover{color:#fff;color:var(--studio-text)}.previous-rounds-toggle .toggle-icon{font-size:10px;opacity:.6}.previous-rounds-toggle .toggle-label{font-weight:500}.previous-rounds-toggle .toggle-count{background:#ffffff0d;border-radius:10px;font-size:11px;margin-left:auto;opacity:.7;padding:2px 8px}.previous-rounds-list{display:flex;flex-direction:column;gap:4px;padding-top:4px}.previous-rounds-list .round-accordion-item{opacity:.7;transform:scale(.98);transition:all .15s ease}.previous-rounds-list .round-accordion-item:hover{opacity:1;transform:scale(1)}.current-round-info-bar{align-items:center;background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.round-info-left{align-items:center;display:flex;gap:8px}.round-badge{background:#3b82f633;border-radius:4px;color:#e63478;color:var(--studio-accent);font-size:11px;font-weight:600;padding:2px 8px}.round-type{color:#fff;color:var(--studio-text);font-size:12px}.round-info-right{align-items:center;display:flex}.version-count-badge{background:#10b98126;border-radius:4px;color:#10b981;padding:2px 8px}.current-round-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:8px 0}.current-round-title{color:#fff;color:var(--studio-text);font-size:13px;font-weight:600}.round-nav-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.current-round-expanded,.current-round-split-layout{display:flex;flex-direction:column;gap:12px}.round-images-row{align-items:flex-start;display:flex;gap:12px}.round-hero-image.split-left{flex:1 1;max-width:55%;min-width:0}.round-versions-column{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;width:140px}.round-versions-column .round-versions-section.compact h5{font-size:10px;margin-bottom:4px}.round-versions-column .round-original-section.compact{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding-top:6px}.round-versions-column .round-original-section.compact h5{font-size:10px;margin-bottom:4px}.current-round-stacked-layout-legacy{display:flex;flex-direction:column;gap:12px}.round-hero-column{flex:1 1;min-width:0}.round-hero-image{background:#0003;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s ease}.round-hero-image:hover{border-color:#e63478;border-color:var(--studio-accent)}.round-hero-image img{display:block;height:auto;max-height:280px;object-fit:contain;width:100%}.hero-image-label{bottom:0;color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;left:0;padding:4px 8px;right:0;text-align:center}.hero-favorite-btn,.hero-image-label{background:#000000b3;position:absolute}.hero-favorite-btn{align-items:center;border:1px solid #fff3;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;right:8px;top:8px;transition:all .15s ease;width:32px}.hero-favorite-btn:hover{background:#000000e6}.hero-favorite-btn.active,.hero-favorite-btn:hover{border-color:gold;color:gold}.round-details-column{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.round-original-section{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding-top:8px}.round-original-section h5{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:500;margin:0 0 6px}.original-thumb-64{border:2px solid #0000;border-radius:6px;cursor:pointer;height:64px;overflow:hidden;transition:border-color .15s ease;width:64px}.original-thumb-64:hover{border-color:#e63478;border-color:var(--studio-accent)}.original-thumb-64.active{border-color:var(--studio-primary)}.original-thumb-64 img{height:100%;object-fit:cover;width:100%}.versions-grid-64{display:flex;flex-wrap:wrap;gap:6px}.version-thumb-64{background:#0000004d;border:2px solid #0000;border-radius:6px;cursor:pointer;height:64px;overflow:hidden;transition:border-color .15s ease;width:64px}.version-thumb-64:hover{border-color:#e63478;border-color:var(--studio-accent)}.version-thumb-64.active{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a666,0 0 12px #14b8a64d}.version-thumb-64.favorited{border-color:gold}.version-thumb-64 img{height:100%;object-fit:cover;width:100%}.version-thumb-64 .version-label{background:#000000b3;border-radius:3px;bottom:2px;color:#ffffffaa;color:var(--studio-text-muted);font-size:9px;left:2px;padding:1px 4px;position:absolute}.version-thumb-64 .version-ai-badge{background:linear-gradient(135deg,#9333eae6,#3b82f6e6);border-radius:3px;color:#fff;font-size:10px;left:2px;padding:1px 4px;position:absolute;text-shadow:0 1px 2px #0000004d;top:2px;z-index:5}.version-thumb-64 .favorite-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:all .15s ease;width:20px}.version-thumb-64:hover .favorite-btn{opacity:1}.version-thumb-64 .favorite-btn:hover{color:gold}.version-thumb-64 .favorite-btn.active{color:gold;opacity:1}.current-round-image{border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s ease}.current-round-image:hover{border-color:#e63478;border-color:var(--studio-accent)}.current-round-image img{background:#0003;height:auto;max-height:200px;object-fit:contain;width:100%}.round-image-label{background:#000000b3;bottom:0;color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;left:0;padding:4px 8px;position:absolute;right:0;text-align:center}.current-round-generations{padding:8px 0}.current-round-generations .round-versions{padding:0}.current-round-generations .versions-grid{display:flex;flex-wrap:wrap;gap:8px}.current-round-generations .version-thumb{border-radius:4px;height:50px;width:50px}.previous-rounds-section.standalone{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:12px;padding-top:12px}.previous-rounds-section.standalone .previous-rounds-toggle{background:#ffffff08;border-radius:6px}.previous-rounds-section.standalone .previous-rounds-list{background:#0003;border-radius:6px;margin-top:8px;padding:8px}.prompt-editor-box{background:var(--studio-sidebar-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;overflow:hidden}.prompt-editor-box .prompt-editor-textarea{background:#0000;border:none;border-radius:0;margin:0;resize:none}.prompt-reference-area{background:#ffffff08;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding:10px 12px}.reference-area-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reference-area-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.add-reference-btn,.reference-area-label{color:#ffffffaa;color:var(--studio-text-muted)}.add-reference-btn{align-items:center;background:#ffffff1a;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .15s ease;width:24px}.add-reference-btn:hover{background:#e63478;background:var(--studio-accent);border-color:#e63478;border-color:var(--studio-accent);color:#fff}.reference-thumbnails-grid{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.reference-thumb-64{border:2px solid #ffffff1a;border-radius:6px;cursor:pointer;height:64px;overflow:hidden;position:relative;transition:all .15s ease;width:64px}.reference-thumb-64 img{height:100%;object-fit:cover;width:100%}.reference-thumb-64.hovered,.reference-thumb-64:hover{border-color:#e63478;border-color:var(--studio-accent)}.remove-ref-overlay{align-items:center;background:#0009;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background .15s ease}.remove-ref-overlay:hover{background:#dc3545cc}.add-reference-thumb{align-items:center;background:#ffffff0d;border:2px dashed #3a3a42;border:2px dashed var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;transition:all .15s ease;width:64px}.add-reference-thumb:hover{background:#ffffff1a;border-color:#e63478;border-color:var(--studio-accent);color:#e63478;color:var(--studio-accent)}.reference-empty-prompt{border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:12px;padding:12px;text-align:center;transition:background .15s ease}.reference-empty-prompt:hover{background:#ffffff0d}.add-reference-empty-btn{background:#0000;border:1px dashed #fff3;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:13px;padding:12px;transition:all .15s ease;width:100%}.add-reference-empty-btn:hover{background:#6c63ff14;border-color:var(--studio-primary);color:var(--studio-primary)}.reference-thumb-64.mockup-ref{border-color:#9333ea80}.reference-thumb-64.mockup-ref:hover{border-color:#9333ea}.mockup-badge{background:#9333eae6;border-radius:3px;bottom:2px;color:#fff;font-size:10px;font-weight:600;height:16px;position:absolute;right:2px;width:16px}.add-mockup-thumb,.mockup-badge{align-items:center;display:flex;justify-content:center}.add-mockup-thumb{background:#9333ea1a;border:2px dashed #9333ea66;border-radius:6px;color:#9333eacc;cursor:pointer;font-size:18px;height:48px;transition:all .15s ease;width:48px}.add-mockup-thumb:hover{background:#9333ea33;border-color:#9333eacc;color:#9333ea}.add-buttons-row{display:flex;gap:8px}.add-buttons-row .add-mockup-empty-btn,.add-buttons-row .add-reference-empty-btn{flex:1 1;font-size:12px;padding:10px 12px}.add-mockup-empty-btn{background:#9333ea0d;border:1px dashed #9333ea4d;border-radius:6px;color:#9333eacc;cursor:pointer;flex:1 1;font-size:13px;padding:12px;transition:all .15s ease}.add-mockup-empty-btn:hover{background:#9333ea1a;border-color:#9333ea99;color:#9333ea}.prompt-add-buttons{background:#0000001a;border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:8px;padding:8px 12px}.prompt-add-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s ease}.prompt-add-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text)}.prompt-add-btn .btn-icon{font-size:14px}.prompt-add-btn .btn-label{font-size:12px}.prompt-add-btn.reference-btn:hover{background:#6c63ff1a;border-color:var(--studio-primary);color:var(--studio-primary)}.prompt-add-btn.mockup-btn{background:#9333ea14}.prompt-add-btn.mockup-btn:hover{background:#9333ea26;border-color:#9333eacc;color:#9333ea}.prompt-add-btn.annotate-btn{background:#14b8a614}.prompt-add-btn.annotate-btn:hover{background:#14b8a626;border-color:#14b8a6cc;color:#14b8a6}.prompt-add-btn.annotate-btn.active{background:linear-gradient(135deg,#14b8a6e6,#0694a2e6);border-color:#14b8a6;box-shadow:0 2px 8px #14b8a666;color:#fff}.prompt-add-btn.annotate-btn.active:hover{background:linear-gradient(135deg,#14b8a6,#0694a2)}.prompt-add-btn.compose-btn{background:#c026d314}.prompt-add-btn.compose-btn:hover{background:#c026d326;border-color:#c026d3cc;color:#c026d3}.prompt-add-btn.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.prompt-annotations-area{background:#14b8a614;border-top:1px solid #14b8a633;padding:10px 12px}.annotations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.annotations-label{color:#14b8a6;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.annotations-clear-btn{background:#0000;border:none;border-radius:3px;color:#ffffff80;cursor:pointer;font-size:10px;padding:2px 6px;transition:all .15s ease}.annotations-clear-btn:hover{background:#ef444433;color:#ef4444}.annotation-thumbnails-grid{display:flex;flex-wrap:wrap;gap:6px}.annotation-thumb-64{background:#0000004d;border:2px solid #14b8a680;border-radius:6px;cursor:pointer;height:48px;overflow:hidden;position:relative;transition:all .15s ease;width:48px}.annotation-thumb-64:hover{border-color:#14b8a6;transform:scale(1.05)}.annotation-thumb-64 img{height:100%;object-fit:cover;width:100%}.annotation-thumb-placeholder{align-items:center;color:#14b8a699;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.annotation-thumb-number{background:#14b8a6e6;border-radius:50%;bottom:2px;font-size:9px;font-weight:700;height:16px;right:2px;width:16px}.annotation-thumb-number,.remove-annotation-overlay{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute}.remove-annotation-overlay{animation:fadeIn .15s ease;background:#ef4444d9;border:none;bottom:0;cursor:pointer;font-size:20px;font-weight:500;left:0;right:0;top:0}.remove-annotation-overlay:hover{background:#dc2626f2}.annotation-items-list{display:flex;flex-direction:column;gap:6px}.annotation-item{background:#0003;border:1px solid #14b8a633;border-radius:8px;overflow:hidden;transition:all .15s ease}.annotation-item.expanded{background:#0000004d;border-color:#14b8a680}.annotation-item.has-comment{border-color:#14b8a666}.annotation-item-row{align-items:center;cursor:pointer;display:flex;gap:10px;padding:6px;transition:background .15s ease}.annotation-item-row:hover{background:#14b8a61a}.annotation-item-row .annotation-thumb-64{flex-shrink:0;height:40px;width:40px}.annotation-item-info{cursor:pointer;flex:1 1;min-width:0}.annotation-comment-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden}.annotation-add-comment-hint{color:#fff6;font-size:11px;font-style:italic}.annotation-add-comment-hint:hover{color:#14b8a6cc}.annotation-remove-btn{align-items:center;background:#ef444499;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;margin-right:4px;transition:all .15s ease;width:20px}.annotation-remove-btn:hover{background:#ef4444e6}.annotation-comment-indicator{background:#14b8a6e6;border-radius:3px;color:#fff;font-size:8px;font-weight:700;left:2px;line-height:1;padding:1px 3px;position:absolute;top:2px}.annotation-comment-input-area{padding:0 6px 6px}.annotation-comment-textarea{background:#0006;border:1px solid #14b8a64d;border-radius:6px;color:#fff;font-family:inherit;font-size:11px;line-height:1.4;padding:8px;resize:none;width:100%}.annotation-comment-textarea:focus{background:#00000080;border-color:#14b8a699;outline:none}.annotation-comment-textarea::placeholder{color:#fff6}.prompt-mockup-area{background:#e6347814;border-top:1px solid #e6347833;padding:10px 12px}.mockup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mockup-header .mockup-label{color:#e63478;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mockup-clear-btn{background:#0000;border:none;border-radius:3px;color:#ffffff80;cursor:pointer;font-size:10px;padding:2px 6px;transition:all .15s ease}.mockup-clear-btn:hover{background:#ef444433;color:#ef4444}.mockup-content{align-items:center;display:flex;gap:10px}.mockup-thumb-container{cursor:pointer;position:relative}.mockup-thumb{border:2px solid #e6347880;border-radius:6px;height:64px;object-fit:cover;transition:all .15s ease;width:64px}.mockup-thumb:hover{border-color:#e63478;transform:scale(1.02)}.mockup-preview-popup{animation:mockupPreviewFadeIn .15s ease;background:#000000f2;border:1px solid #e6347880;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 32px #0009;left:50%;padding:4px;position:absolute;transform:translateX(-50%);z-index:1000}@keyframes mockupPreviewFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mockup-preview-image{border-radius:4px;display:block;max-height:300px;max-width:300px}.mockup-actions-inline{display:flex;flex-direction:column;gap:4px}.mockup-edit-btn{background:#e6347833;border:1px solid #e6347866;border-radius:4px;color:#e63478;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .15s ease}.mockup-edit-btn:hover{background:#e634784d;border-color:#e6347899}.annotate-mode .annotate-mode-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.annotate-instructions{max-width:280px}.annotate-instructions .instruction-icon{font-size:48px;margin-bottom:16px;opacity:.8}.annotate-instructions p{color:#fff;color:var(--studio-text);font-size:14px;line-height:1.5;margin:0 0 8px}.annotate-instructions .instruction-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.marquee-prompt-popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;box-shadow:0 8px 32px #0006;min-width:280px;padding:12px;position:absolute;z-index:1000}.marquee-prompt-popup input{background:#0000004d;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);font-size:13px;margin-bottom:8px;padding:10px 12px;width:100%}.marquee-prompt-popup input:focus{border-color:var(--studio-primary);outline:none}.marquee-prompt-popup input::placeholder{color:#ffffffaa;color:var(--studio-text-muted)}.marquee-prompt-popup button{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:transform .15s ease;width:100%}.marquee-prompt-popup button:hover{transform:translateY(-1px)}.compose-mode .compose-mode-content{display:flex;flex-direction:column;height:100%}.layer-item.locked-layer{background:#00000026;cursor:default;opacity:.7}.layer-item.locked-layer:hover{background:#00000026}.locked-badge{font-size:10px;margin-left:6px;opacity:.7}.locked-indicator{font-size:14px;opacity:.6}.layer-thumb-locked{align-items:center;background:#0000004d;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.layer-item[draggable=true]{cursor:grab}.layer-item[draggable=true]:active{cursor:grabbing}.layer-item.dragging{background:#e634781a;border:1px dashed #e63478;border:1px dashed var(--studio-accent);opacity:.4}.layer-item.drag-over{background:#e634781a;border-top:2px solid #e63478;border-top:2px solid var(--studio-accent);margin-top:-2px}.layer-item.drag-over:before{background:#e63478;background:var(--studio-accent);box-shadow:0 0 6px #e63478;box-shadow:0 0 6px var(--studio-accent);content:"";height:2px;left:0;position:absolute;right:0;top:-2px}.add-layer-btn{align-items:center;background:#ffffff0d;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s ease}.add-layer-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text)}.add-layer-btn .btn-icon{font-size:14px}.add-layer-btn .btn-label{font-size:11px;white-space:nowrap}.add-layer-btn.ai-layer-btn{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d;color:#fff;color:var(--studio-text)}.add-layer-btn.ai-layer-btn:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea80}.add-layer-btn.text-layer-btn:hover{background:#ffffff1f;border-color:#ffffffaa;border-color:var(--studio-text-muted)}.original-brief-section{background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:8px;margin:12px 0;overflow:hidden}.original-brief-header{align-items:center;background:#0000;border:none;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .15s ease;width:100%}.original-brief-header:hover{background:#ffffff0d}.original-brief-header .brief-icon{font-size:14px}.original-brief-header .brief-title{flex:1 1;font-size:12px;font-weight:600;text-align:left}.original-brief-header .brief-count{background:#ffffff1a;border-radius:10px;color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;padding:2px 6px}.original-brief-header .accordion-arrow{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;transition:transform .15s ease}.original-brief-header-static{align-items:center;background:#0000;border:none;color:#fff;color:var(--studio-text);display:flex;gap:8px;padding:10px 12px}.original-brief-header-static .brief-icon{font-size:14px}.original-brief-header-static .brief-title{flex:1 1;font-size:12px;font-weight:600;text-align:left}.original-brief-header-static .brief-count{background:#ffffff1a;border-radius:10px;color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;padding:2px 6px}.original-brief-content{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:0;padding:0 12px 12px}.original-brief-content .brief-section-heading{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);color:#fff;color:var(--studio-text);font-size:11px;font-weight:600;margin:10px 0 8px;padding-bottom:6px}.brief-requirements-list{display:flex;flex-direction:column;gap:8px}.brief-requirement-item{background:#0003;border-radius:4px;font-size:11px;line-height:1.4;padding:6px 8px}.brief-requirement-item .req-label{color:#e63478;color:var(--studio-accent);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.brief-requirement-item .req-value{color:#fff;color:var(--studio-text);opacity:.9}.selected-section-expanded{margin-bottom:12px}.selected-section-expanded .brief-section-card.expanded{background:#ffffff14;border-color:#e63478;border-color:var(--studio-accent)}.other-sections-collapsed{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:8px;padding-top:8px}.other-sections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 4px}.other-sections-label{letter-spacing:.5px;text-transform:uppercase}.other-sections-count,.other-sections-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px}.other-sections-count{background:#ffffff1a;border-radius:8px;padding:2px 6px}.collapsed-sections-list{display:flex;flex-direction:column;gap:4px}.collapsed-section-chip{align-items:center;background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:all .15s ease}.collapsed-section-chip:hover{background:#ffffff14;border-color:#e63478;border-color:var(--studio-accent)}.collapsed-section-chip .chip-thumb{align-items:center;background:#0000004d;border-radius:4px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.collapsed-section-chip .chip-thumb img{height:100%;object-fit:cover;width:100%}.collapsed-section-chip .chip-icon{align-items:center;background:#ffffff0d;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#888);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.collapsed-section-chip .chip-icon svg{height:18px;width:18px}.collapsed-section-chip.active .chip-icon{color:#e63478;color:var(--studio-accent,#3b82f6)}.collapsed-section-chip .chip-placeholder{color:#ffffffaa;color:var(--studio-text-muted);font-size:14px}.collapsed-section-chip .chip-label{color:#fff;color:var(--studio-text);flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-section-chip .chip-badges{align-items:center;display:flex;flex-shrink:0;gap:4px}.collapsed-section-chip .chip-badge{border-radius:8px;flex-shrink:0;font-size:10px;padding:2px 6px}.collapsed-section-chip .chip-badge.rounds{background:#3b82f633;color:#e63478;color:var(--studio-accent)}.collapsed-section-chip .chip-badge.generated{background:#10b98133;color:#10b981}.collapsed-section-chip.local-section .chip-placeholder{color:#e63478;color:var(--studio-accent)}.select-section-prompt{margin-bottom:12px}.select-prompt-text{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin:0 0 10px;text-align:center}.all-sections-list{display:flex;flex-direction:column;gap:4px}.sections-list-inline{display:flex;flex-direction:column;gap:6px}.section-inline-item{border-radius:8px;transition:all .2s ease}.section-inline-item.selected{background:#e9456014;border:2px solid #e63478;border:2px solid var(--studio-accent);border-radius:10px;box-shadow:0 0 12px #e9456040;padding:8px}.section-inline-expanded{display:flex;flex-direction:column;gap:8px}.brief-panel .collapsed-section-chip.active{background:#ffffff0f;border-color:#0000}.expand-toggle-btn{align-items:center;background:#ffffff14;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#888);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;transition:all .15s ease;width:24px}.expand-toggle-btn:hover{background:#ffffff26;color:#fff;color:var(--studio-text,#fff)}.section-expanded-content{display:flex;flex-direction:column;gap:8px;margin-top:8px}.collapsed-section-chip.full-width{width:100%}.rounds-inline-view{padding:8px 0}.rounds-list-inline{display:flex;flex-direction:column;gap:6px}.round-inline-item{border-radius:8px;transition:all .2s ease}.round-inline-item.expanded{background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:8px;padding:10px}.round-inline-expanded{display:flex;flex-direction:column;gap:8px}.round-card{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .15s ease}.round-card:hover{background:#ffffff14}.round-card .round-thumb{background:#0000004d;border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.round-card .round-thumb img{height:100%;object-fit:cover;width:100%}.round-card .round-thumb-placeholder{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.round-card .fav-badge{bottom:2px;color:gold;font-size:10px;position:absolute;right:2px}.round-card .round-info{flex:1 1;min-width:0}.round-card .round-heading{align-items:center;color:#fff;color:var(--studio-text);display:flex;font-size:13px;font-weight:600;gap:6px}.round-card .latest-tag{background:#10b981;border-radius:4px;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;text-transform:uppercase}.round-card .round-meta{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-top:2px}.round-card .collapse-arrow{color:#ffffffaa;color:var(--studio-text-muted);flex-shrink:0;font-size:10px}.round-expanded-content{display:flex;flex-direction:column;gap:10px;padding:8px 0 0}.round-expanded-content .round-original-notice{align-items:center;background:#ffffff0d;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:12px;gap:8px;padding:8px 12px}.round-layers-section{background:#9333ea1a;border:1px solid #9333ea4d;border-radius:8px;margin-bottom:4px;padding:10px 12px}.layers-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.layers-badge-row .layers-icon{flex-shrink:0;font-size:14px}.layers-badge-row .layers-label{color:#a78bfa;font-size:12px;font-weight:500}.layers-badge-row .psd-filename{background:#ffffff14;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;max-width:150px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.edit-layers-mini-btn{background:#9333ea4d;border:1px solid #9333ea80;border-radius:4px;color:#c4b5fd;cursor:pointer;font-size:11px;font-weight:500;margin-left:auto;padding:4px 10px;transition:all .15s ease}.edit-layers-mini-btn:hover{background:#9333ea80;border-color:#9333eab3;color:#fff}.psd-layers-section{background:#31a8ff14;border:1px solid #31a8ff33;border-radius:8px;margin-bottom:12px;padding:10px 12px}.psd-layers-header{align-items:center;display:flex;gap:10px}.psd-layers-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.psd-layers-count{color:#31a8ff;font-size:13px;font-weight:600}.psd-layers-filename{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psd-edit-btn{background:#31a8ff26;border:1px solid #31a8ff4d;border-radius:6px;color:#31a8ff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s ease}.psd-edit-btn:hover{background:#31a8ff40;border-color:#31a8ff80}.load-psd-btn{align-items:center;background:#9333ea26;border:1px dashed #9333ea66;border-radius:8px;color:#c4b5fd;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-bottom:8px;padding:12px 16px;transition:all .15s ease;width:100%}.load-psd-btn:hover{background:#9333ea40;border-color:#9333ea99;color:#ddd6fe}.load-psd-btn .psd-btn-icon{font-size:16px}.load-psd-btn .psd-btn-label{font-weight:500}.collapsed-round-chip{align-items:center;background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:all .15s ease}.collapsed-round-chip:hover{background:#ffffff14;border-color:#e63478;border-color:var(--studio-accent)}.collapsed-round-chip.is-latest{border-color:#10b9814d}.collapsed-round-chip .chip-thumb{align-items:center;background:#0000004d;border-radius:4px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.collapsed-round-chip .chip-thumb img{height:100%;object-fit:cover;width:100%}.collapsed-round-chip .chip-placeholder{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:600}.collapsed-round-chip .chip-fav{bottom:1px;color:gold;font-size:8px;position:absolute;right:1px}.collapsed-round-chip .chip-label{color:#fff;color:var(--studio-text);flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-round-chip .chip-badges{align-items:center;display:flex;flex-shrink:0;gap:4px}.collapsed-round-chip .chip-badge{border-radius:8px;flex-shrink:0;font-size:10px;padding:2px 6px}.collapsed-round-chip .chip-badge.latest{background:#10b98133;color:#10b981}.collapsed-round-chip .chip-badge.versions{background:#3b82f633;color:#3b82f6}.collapsed-round-chip .chip-badge.feedback{background:#0000;font-size:11px;padding:0}.collapsed-round-chip .chip-badge.layers{background:#9333ea33;cursor:help;font-size:11px;padding:0 2px}.font-substitution-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.font-substitution-dialog{background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:540px;width:90%}.font-dialog-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 20px}.font-dialog-header h3{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600;margin:0}.font-dialog-header .close-btn{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:20px;padding:4px 8px}.font-dialog-header .close-btn:hover{background:var(--studio-hover-bg);color:#fff;color:var(--studio-text)}.font-dialog-body{flex:1 1;overflow-y:auto;padding:20px}.font-warning-message{padding:12px}.font-warning-message .warning-icon{font-size:24px}.font-warning-message .warning-title{color:#ffc107}.font-warning-message .warning-text{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px}.font-properties-editor{align-items:center;background:var(--studio-surface);border-radius:8px;display:flex;gap:24px;margin-bottom:20px;padding:12px 16px}.font-properties-editor .property-row{align-items:center;display:flex;gap:8px}.font-properties-editor label{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;font-weight:500;white-space:nowrap}.font-properties-editor .font-size-input{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#fff;color:var(--studio-text);font-size:13px;padding:6px 8px;text-align:center;width:70px}.font-properties-editor .font-size-input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.font-properties-editor .unit{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px}.font-properties-editor .color-input-wrapper{align-items:center;display:flex;gap:8px}.font-properties-editor .color-picker{background:none;border:2px solid #3a3a42;border:2px solid var(--studio-border);border-radius:4px;cursor:pointer;height:32px;padding:0;width:32px}.font-properties-editor .color-picker::-webkit-color-swatch-wrapper{padding:2px}.font-properties-editor .color-picker::-webkit-color-swatch{border:none;border-radius:2px}.font-properties-editor .color-hex-input{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#fff;color:var(--studio-text);font-family:monospace;font-size:13px;padding:6px 8px;width:80px}.font-properties-editor .color-hex-input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.font-preview-section{margin-bottom:20px}.font-preview-section label{font-size:12px;font-weight:500;text-transform:uppercase}.font-preview-text{align-items:center;background:#29292f;background:var(--studio-bg);border-radius:8px;display:flex;font-size:24px;justify-content:center;min-height:60px;padding:16px;text-align:center}.font-preview-label{font-size:12px;margin-top:8px;text-align:center}.font-all-section,.font-custom-section,.font-suggestions-section{margin-bottom:20px}.font-all-section label,.font-custom-section label,.font-suggestions-section label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:12px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.font-suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.font-suggestion-btn{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .15s}.font-suggestion-btn:hover{background:var(--studio-hover-bg);border-color:#e63478;border-color:var(--studio-accent)}.font-suggestion-btn.selected{background:#e9456026;border-color:#e63478;border-color:var(--studio-accent)}.font-preview-mini{font-size:18px;opacity:.8}.font-name{font-size:13px}.font-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.font-grid-btn{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .15s}.font-grid-btn:hover{background:var(--studio-hover-bg)}.font-grid-btn.selected,.font-grid-btn:hover{border-color:#e63478;border-color:var(--studio-accent)}.font-grid-btn.selected{background:#e9456026}.font-grid-btn .font-preview-mini{font-size:24px}.font-grid-btn .font-name{font-size:12px;font-weight:500}.font-grid-btn .font-category{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px}.font-custom-input{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);font-size:14px;padding:10px 12px;width:100%}.font-custom-input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.font-dialog-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.font-dialog-footer .btn-cancel{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px}.font-dialog-footer .btn-cancel:hover{background:var(--studio-hover-bg)}.font-dialog-footer .btn-confirm{background:#e63478;background:var(--studio-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.font-dialog-footer .btn-confirm:hover{background:var(--studio-accent-hover)}.font-dialog-footer .btn-confirm:disabled{cursor:not-allowed;opacity:.6}.font-upload-section{background:linear-gradient(135deg,#4f46e51a,#9333ea1a);border:2px dashed #e63478;border:2px dashed var(--studio-accent);border-radius:8px;margin:16px 0;padding:16px;text-align:center}.font-upload-label{cursor:pointer;display:block}.font-upload-btn{background:#e63478;background:var(--studio-accent);border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.font-upload-btn:hover{background:var(--studio-accent-hover);transform:translateY(-1px)}.font-upload-btn.uploading{cursor:wait;opacity:.7}.font-upload-error{color:#ef4444;font-size:12px;margin-top:8px}.font-upload-hint{color:#909090;font-size:11px;margin-bottom:0;margin-top:8px}.font-rendering-option{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;margin:12px 0;padding:10px}.font-rendering-option .checkbox-label{align-items:center;color:var(--studio-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px}.font-rendering-option .checkbox-label input{accent-color:#e63478;accent-color:var(--studio-accent);height:16px;width:16px}.font-rendering-option .checkbox-label span{flex:1 1}.layer-edit-text-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;white-space:nowrap}.layer-edit-text-btn:hover{background:var(--studio-accent-hover)}.layer-rasterized-indicator{align-items:center;background:#ffc1071a;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);display:flex;font-size:10px;gap:4px;padding:2px 6px}.font-dialog-wide{max-width:640px}.font-warning-message{align-items:flex-start;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.font-warning-message .warning-icon{flex-shrink:0;font-size:20px}.font-warning-message .warning-title{color:#fff;color:var(--studio-text);font-size:14px;font-weight:600;margin:0 0 4px}.font-warning-message .warning-text{color:#b0b0b0;font-size:12px;margin:0}.font-options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.font-option-card{background:#29292f;background:var(--studio-bg);border:2px solid #3a3a42;border:2px solid var(--studio-border);border-radius:10px;cursor:pointer;padding:16px;transition:all .2s ease}.font-option-card:hover{border-color:#ffffffaa;border-color:var(--studio-text-muted)}.font-option-card.active{background:#4f46e514;border-color:#e63478;border-color:var(--studio-accent)}.option-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.option-header input[type=radio]{accent-color:#e63478;accent-color:var(--studio-accent);height:16px;width:16px}.option-icon{font-size:18px}.option-title{color:#fff;color:var(--studio-text);flex:1 1;font-size:14px;font-weight:600}.option-badge{background:#3a3a42;background:var(--studio-border);border-radius:10px;color:var(--studio-text-secondary);font-size:10px;padding:2px 8px}.option-badge.primary{background:#e63478;background:var(--studio-accent);color:#fff}.option-description{color:#b0b0b0;font-size:12px;line-height:1.4;margin:0 0 0 26px}.option-content{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);margin-top:12px;padding-top:12px}.license-checkbox{align-items:center;color:#d0d0d0;cursor:pointer;display:flex;font-size:12px;gap:8px;margin-bottom:12px}.license-checkbox input{accent-color:#e63478;accent-color:var(--studio-accent);height:14px;width:14px}.option-content .font-upload-label{display:block;margin-bottom:8px}.option-content .font-upload-btn{display:block;font-size:13px;padding:10px 16px;text-align:center;width:100%}.option-content .font-upload-btn.disabled{cursor:not-allowed;opacity:.5}.font-upload-success{background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-size:12px;margin-top:8px;padding:8px 12px}.dropbox-search-btn{background:#0061ff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-bottom:8px;padding:10px 16px;transition:all .2s ease;width:100%}.dropbox-search-btn:hover:not(:disabled){background:#0052d4;transform:translateY(-1px)}.dropbox-search-btn.loading,.dropbox-search-btn:disabled{cursor:wait;opacity:.7}.dropbox-font-results{margin-top:12px}.dropbox-font-results label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.dropbox-font-list{display:flex;flex-direction:column;gap:4px}.dropbox-font-list.scrollable{max-height:150px;overflow-y:auto}.dropbox-font-btn{align-items:center;background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.dropbox-font-btn:hover:not(:disabled){background:#0061ff0d;border-color:#0061ff}.dropbox-font-btn.highlight{background:#0061ff1a;border-color:#0061ff}.dropbox-font-btn:disabled{cursor:not-allowed;opacity:.5}.dropbox-font-btn .font-name{flex:1 1;font-weight:500}.dropbox-font-btn .font-path{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;margin:0 8px}.dropbox-font-btn .install-action{color:#0061ff;font-size:11px;font-weight:500}.dropbox-no-fonts{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;padding:12px;text-align:center}.option-badge.secondary{background:#0061ff26;color:#0061ff}.bitmap-render-btn{background:#9c27b033;border:1px solid #9c27b066;border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;display:block;font-size:13px;padding:10px 16px;transition:all .2s ease;width:100%}.bitmap-render-btn:hover:not(:disabled){background:#9c27b059}.bitmap-render-btn:disabled{cursor:wait;opacity:.6}.bitmap-preview{margin-top:12px;text-align:center}.bitmap-preview img{background:#fff;border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;max-height:100px;max-width:100%}.bitmap-preview .bitmap-note{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-top:8px}.auto-substitute-banner{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f14d;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:10px 12px}.auto-substitute-banner .auto-icon{font-size:16px}.auto-substitute-banner .auto-text{color:#fff;color:var(--studio-text);font-size:13px}.auto-substitute-banner .auto-text strong{color:#a78bfa}.auto-substitute-banner .auto-text small{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:11px;margin-top:2px}.recommended-badge{color:#fbbf24;font-size:10px;margin-left:4px}.substitute-suggestions{margin-bottom:12px}.substitute-suggestions label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:11px;margin-bottom:6px}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:6px}.suggestion-btn{background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s ease}.suggestion-btn.selected,.suggestion-btn:hover{border-color:#e63478;border-color:var(--studio-accent)}.suggestion-btn.selected{background:#e63478;background:var(--studio-accent);color:#fff}.substitute-search{margin-bottom:8px}.substitute-search input{background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);font-size:13px;padding:8px 12px;width:100%}.substitute-search input:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.substitute-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.substitute-font-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 10px;transition:all .15s ease}.substitute-font-btn:hover{background:var(--studio-hover-bg)}.substitute-font-btn.selected{background:#e63478;background:var(--studio-accent);border-color:#e63478;border-color:var(--studio-accent);color:#fff}.substitute-font-btn .font-name{flex:1 1;text-align:left}.substitute-font-btn .font-source{font-size:10px;opacity:.7}.font-loading,.font-no-results{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;padding:12px;text-align:center}.font-preview-section{background:#29292f;background:var(--studio-bg);border-radius:8px;margin-top:16px;padding:12px}.font-preview-section label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:11px;margin-bottom:8px}.font-preview-text{color:#fff;color:var(--studio-text);font-size:18px;min-height:32px;word-break:break-word}.font-preview-label{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;margin-top:6px}.hot-swap-notification{animation:slideIn .3s ease;background:#1f1f24;background:var(--studio-panel-bg);border:1px solid #e63478;border:1px solid var(--studio-accent);border-radius:10px;bottom:16px;box-shadow:0 8px 24px #0006;overflow:hidden;position:absolute;right:16px;width:320px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hot-swap-header{align-items:center;background:linear-gradient(135deg,#4f46e533,#9333ea33);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;gap:8px;padding:12px 14px}.hot-swap-icon{font-size:18px}.hot-swap-title{color:#fff;color:var(--studio-text);flex:1 1;font-size:13px;font-weight:600}.hot-swap-close{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}.hot-swap-close:hover{background:#ffffff1a;color:#fff;color:var(--studio-text)}.hot-swap-message{color:var(--studio-text-secondary);font-size:12px;margin:0;padding:10px 14px}.hot-swap-layers{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:0 14px 14px}.hot-swap-layer{align-items:center;background:#29292f;background:var(--studio-bg);border-radius:6px;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.hot-swap-layer .layer-info{flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-swap-layer .layer-info,.hot-swap-layer .layer-info strong{color:#fff;color:var(--studio-text)}.hot-swap-recover-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:500;padding:5px 12px;transition:background .15s ease}.hot-swap-recover-btn:hover{background:var(--studio-accent-hover)}.collapsible-section{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border)}.collapsible-section:last-child{border-bottom:none}.collapsible-section-header{align-items:center;background:#0000;border:none;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.collapsible-section-header:hover{background:#ffffff0d}.section-chevron{color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;transition:transform .15s ease;width:12px}.collapsible-section.collapsed .section-chevron,.collapsible-section.expanded .section-chevron{transform:rotate(0deg)}.section-title{flex:1 1}.section-badge{background:#e63478;background:var(--studio-accent);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.collapsible-section-content{padding:0 16px 16px}.layers-info-panel{display:flex;flex-direction:column;gap:12px}.layers-info-panel.empty{padding:16px 0;text-align:center}.layers-info-panel .empty-state{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;margin:0}.layers-info-panel .empty-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin:4px 0 0;opacity:.7}.psd-info-bar{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:8px 12px}.psd-info-bar .psd-icon{font-size:14px}.psd-info-bar .psd-name{color:#fff;color:var(--studio-text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psd-info-bar .psd-size{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px}.layers-info-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.layer-info-item{align-items:center;border-radius:4px;display:flex;font-size:12px;gap:8px;padding:6px 8px;transition:background .15s ease}.layer-info-item:hover{background:#ffffff0d}.layer-info-item.hidden-layer{opacity:.5}.layer-info-item .layer-icon{font-size:14px;text-align:center;width:20px}.layer-info-item .layer-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-info-item .hidden-badge{font-size:12px;opacity:.6}.layer-info-item .opacity-badge{background:#ffffff1a;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);font-size:10px;padding:2px 6px}.edit-layers-btn{background:#e63478;background:var(--studio-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:10px 16px;transition:background .15s ease;width:100%}.edit-layers-btn:hover{background:#cc2f6a;background:var(--studio-accent-hover,#cc2f6a)}.assets-grid{display:flex;flex-direction:column;gap:12px}.assets-grid.empty{padding:16px 0;text-align:center}.assets-grid .empty-state{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;margin:0}.assets-grid .empty-hint{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin:4px 0 0;opacity:.7}.assets-group{display:flex;flex-direction:column}.assets-group-header{align-items:center;background:#0000;border:none;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:8px;letter-spacing:.5px;padding:6px 0;text-transform:uppercase}.assets-group-header:hover{color:#fff;color:var(--studio-text)}.group-chevron{font-size:8px;width:10px}.group-title{flex:1 1;text-align:left}.group-count{color:#ffffffaa;color:var(--studio-text-muted);opacity:.7}.asset-thumbnails{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));padding:8px 0}.asset-thumbnail{aspect-ratio:1;background:#1f1f24;background:var(--studio-panel-bg);border:2px solid #0000;border-radius:6px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .15s ease,transform .15s ease}.asset-thumbnail:hover{transform:scale(1.05)}.asset-thumbnail.selected,.asset-thumbnail:hover{border-color:#e63478;border-color:var(--studio-accent)}.asset-thumbnail img{height:100%;object-fit:cover;width:100%}.layer-editor-modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.layer-editor-modal{background:#29292f;background:var(--studio-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1800px;overflow:hidden;width:95vw}.layer-editor-modal .modal-toolbar{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;gap:16px;justify-content:space-between;padding:8px 16px}.layer-editor-modal .modal-toolbar .toolbar-left{flex:0 0 auto;min-width:120px}.layer-editor-modal .modal-toolbar .psd-filename{color:#fff;color:var(--studio-text);display:block;font-size:13px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-editor-modal .modal-toolbar .toolbar-center{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:center}.layer-editor-modal .modal-toolbar .tool-group{align-items:center;display:flex;gap:2px}.layer-editor-modal .modal-toolbar .tool-divider{background:#ffffff26;height:24px;margin:0 8px;width:1px}.layer-editor-modal .modal-toolbar .tool-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:12px;gap:6px;height:auto;justify-content:center;padding:6px 10px;transition:all .15s ease;white-space:nowrap;width:auto}.layer-editor-modal .modal-toolbar .tool-btn:hover:not(:disabled){background:#ffffff14;color:#fff;color:var(--studio-text)}.layer-editor-modal .modal-toolbar .tool-btn.active{background:#667eea33;border-color:#667eea66;color:#667eea}.layer-editor-modal .modal-toolbar .tool-btn.ai-btn.active{background:#ffa50033;border-color:#ffa50066;color:orange}.layer-editor-modal .modal-toolbar .tool-btn.disabled,.layer-editor-modal .modal-toolbar .tool-btn:disabled{cursor:not-allowed;opacity:.4}.layer-editor-modal .modal-toolbar .tool-btn.icon-btn{padding:6px 8px}.layer-editor-modal .modal-toolbar .tool-btn svg{flex-shrink:0}.layer-editor-modal .modal-toolbar .tool-label{font-size:11px;font-weight:500}.layer-editor-modal .modal-toolbar .zoom-group{gap:4px}.layer-editor-modal .modal-toolbar .zoom-display{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;min-width:40px;text-align:center}.layer-editor-modal .modal-toolbar .toolbar-right{align-items:center;display:flex;flex:0 0 auto;gap:8px}.layer-editor-modal .modal-toolbar .toolbar-right .help-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.layer-editor-modal .modal-toolbar .toolbar-right .help-btn:hover{background:#667eea33;border-color:#667eea66;color:#667eea}.layer-editor-modal .modal-toolbar .action-btn{background:#ffffff14;border:none;border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;transition:background .15s ease}.layer-editor-modal .modal-toolbar .action-btn:hover{background:#ffffff1f}.layer-editor-modal .modal-toolbar .action-btn.primary{background:#e63478;background:var(--studio-accent);color:#fff}.layer-editor-modal .modal-toolbar .action-btn.primary:hover{background:#cc2f6a;background:var(--studio-accent-hover,#cc2f6a)}.layer-editor-modal .modal-toolbar .action-btn.save-layered{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.layer-editor-modal .modal-toolbar .action-btn.save-layered:hover:not(:disabled){box-shadow:0 4px 12px #a78bfa66}.layer-editor-modal .modal-toolbar .action-btn.save-layered:disabled{cursor:not-allowed;opacity:.5}.layer-editor-modal .modal-toolbar .action-btn.export-flat{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.layer-editor-modal .modal-toolbar .action-btn.export-flat:hover{box-shadow:0 4px 12px #10b98166}.layer-editor-modal .modal-toolbar .tool-btn svg.spin{animation:spin 1s linear infinite}.layer-editor-modal .modal-body{display:flex;flex:1 1;min-height:0}.layer-editor-modal .modal-canvas-area{align-items:stretch;background:#f8f9fa;background:var(--studio-canvas-bg,#1a1a1e);display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0;overflow:hidden;padding:0;position:relative}.layer-editor-modal .modal-canvas-area[style*=grab]{cursor:grab!important}.layer-editor-modal .modal-canvas-area:active[style*=grab]{cursor:grabbing!important}.layer-editor-modal .modal-canvas-area .fabric-canvas-editor{border-radius:4px;box-shadow:0 8px 32px #00000080;max-height:100%;max-width:100%}.layer-editor-modal .modal-layers-panel{background:#1f1f24;background:var(--studio-panel-bg);border-left:1px solid #3a3a42;border-left:1px solid var(--studio-border);overflow-y:auto;width:320px}.layer-editor-modal .modal-canvas-scroll{align-items:center;background:#f8f9fa;background:var(--studio-canvas-bg,#1a1a1e);display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative}.layer-editor-modal .modal-canvas-pan-wrapper{align-items:center;display:flex;justify-content:center;padding:60px;transition:transform .05s linear}.layer-editor-modal .modal-canvas-wrapper{background:#f5f5f5;border-radius:4px;display:inline-block}.psd-icon{align-items:center;background:linear-gradient(135deg,#31a8ff,#001e36);border-radius:4px;color:#31a8ff;cursor:pointer;display:inline-flex;font-family:Myriad Pro,Segoe UI,Arial,sans-serif;font-weight:700;justify-content:center;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.psd-icon-text{font-weight:700;letter-spacing:-.5px}.psd-icon-small{border-radius:3px;font-size:9px;height:20px;width:20px}.psd-icon-medium{font-size:11px;height:26px;width:26px}.psd-icon-large{font-size:14px;height:32px;width:32px}.psd-icon.not-loaded{background:linear-gradient(135deg,#4a5568,#2d3748);opacity:.7}.psd-icon.not-loaded .psd-icon-text{color:#a0aec0}.psd-icon.not-loaded:hover{background:linear-gradient(135deg,#31a8ff,#001e36);opacity:1}.psd-icon.not-loaded:hover .psd-icon-text{color:#31a8ff}.psd-icon.loaded{background:linear-gradient(135deg,#31a8ff,#001e36);box-shadow:0 2px 4px #31a8ff4d}.psd-icon.loaded .psd-icon-text{color:#31a8ff}.psd-icon-count{align-items:center;background:#e63478;background:var(--studio-accent);border-radius:7px;color:#fff;display:flex;font-size:9px;font-weight:600;height:14px;justify-content:center;min-width:14px;padding:0 4px;position:absolute;right:-6px;top:-6px}.psd-icon-indicator{background:#f6ad55;border:2px solid #29292f;border:2px solid var(--studio-bg);border-radius:50%;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.round-psd-indicator{align-items:center;display:flex;gap:4px;margin-left:auto}.collapsed-round-chip .round-psd-indicator{margin-left:8px}.generation-column.ai-first-layout{display:flex;flex-direction:column}.generation-column.ai-first-layout .sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.collapsible-sections{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;flex-direction:column;margin:16px 0}.ps-layers-panel{background:#1e1e1e;color:#ccc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;height:100%}.ps-layers-list{flex:1 1;overflow-y:auto;padding:4px 0}.ps-layers-empty{color:#666;font-style:italic;padding:20px;text-align:center}.ps-layer-row{align-items:center;border:1px solid #0000;border-radius:3px;cursor:pointer;display:flex;gap:8px;margin:1px 4px;padding:4px 8px;transition:background .1s}.ps-layer-row:hover{background:#2a2a2a}.ps-layer-row.selected{background:#264f78;border-color:#3a7ab8}.ps-layer-row.locked{opacity:.7}.ps-layer-row.drag-over{background:#1e3a5f;border-color:#4a9eff}.ps-layer-container{position:relative}.ps-layer-container.drop-above:before{top:0}.ps-layer-container.drop-above:before,.ps-layer-container.drop-below:after{animation:dropIndicatorPulse .5s ease-in-out infinite alternate;background:#4a9eff;border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;z-index:10}.ps-layer-container.drop-below:after{bottom:0}.ps-layer-container.drop-inside .ps-layer-row{background:#1e4a6f;border-color:#4a9eff;box-shadow:inset 0 0 0 2px #4a9eff4d}.ps-layer-row.drop-above{border-top:3px solid #4a9eff}.ps-layer-row.drop-below{border-bottom:3px solid #4a9eff}.ps-layer-row.drop-inside{background:#1e4a6f;border-color:#4a9eff;box-shadow:inset 0 0 0 2px #4a9eff4d}@keyframes dropIndicatorPulse{0%{opacity:.7}to{opacity:1}}.ps-layer-row[draggable=true]:active{opacity:.5}.ps-layer-thumb{align-items:center;background:#252525;border:1px solid #3a3a3a;border-radius:2px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.ps-layer-thumb img{height:100%;object-fit:cover;width:100%}.ps-layer-icon{color:#888;font-size:14px}.ps-layer-icon.text-icon{color:#aaa;font-family:Georgia,serif;font-size:16px;font-weight:600}.ps-layer-icon.folder-icon{color:#f0c040;font-size:16px}.ps-layer-folder-toggle{align-items:center;background:none;border:none;border-radius:3px;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;margin-right:2px;padding:0;transition:all .15s;width:16px}.ps-layer-folder-toggle:hover{background:#3a3a3a;color:#fff}.ps-layer-folder-spacer{flex-shrink:0;margin-right:2px;width:16px}.ps-layers-loading-overlay{align-items:center;background:#1e1e1ee6;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.ps-layers-loading-content{align-items:center;color:#888;display:flex;flex-direction:column;font-size:13px;gap:12px}.ps-layers-loading-spinner{animation:ps-layers-spin .8s linear infinite;border:2px solid #444;border-radius:50%;border-top-color:#f0c040;height:24px;width:24px}@keyframes ps-layers-spin{to{transform:rotate(1turn)}}.ps-layer-row.is-group{background:#1a1a1a;border-left:3px solid #f0c040;padding-left:5px}.ps-layer-row.is-group:hover{background:#252525}.ps-layer-row.is-group.selected{background:#2a4060;border-color:#f0c040}.ps-layer-row.is-group .ps-layer-name{color:#f0c040;font-weight:600}.ps-layer-name{color:#ddd;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-layer-row.selected .ps-layer-name{color:#fff}.ps-layer-font-warning{cursor:help;flex-shrink:0;font-size:11px;margin-left:4px}.ps-layer-bitmap-badge{background:#9c27b033;border:1px solid #9c27b066;border-radius:3px;cursor:help;flex-shrink:0;font-size:10px;margin-left:4px;opacity:.8;padding:1px 3px}.ps-layer-bitmap-badge:hover{background:#9c27b059;opacity:1}.ps-layer-ai-badge{border-radius:3px;color:#fff;cursor:help;flex-shrink:0;font-size:10px;margin-left:4px;opacity:.9;padding:1px 3px;text-shadow:0 1px 1px #0000004d}.ps-layer-ai-badge:hover{opacity:1;transform:scale(1.1)}.ps-font-warning-info{background:#ffc10726;border:1px solid #ffc1074d;border-radius:4px;margin-bottom:8px!important;padding:6px 8px!important}.ps-font-warning-label{color:#ffc107;font-size:11px}.ps-font-warning-name{color:#ffeb3b;font-size:11px;font-weight:600;margin-left:4px}.ps-detail-row select.has-warning{background:linear-gradient(90deg,#ffc1071a 0,#2d2d2d 30%);border-color:#ffc10780}.ps-layer-btn{align-items:center;background:#0000;border:none;border-radius:2px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:24px;justify-content:center;min-width:24px;padding:0;width:24px}.ps-layer-btn:hover{background:#3a3a3a;color:#fff}.ps-layer-btn.lock-btn.active{color:#f59e0b}.ps-layer-btn.vis-btn.hidden{color:#444}.ps-layer-btn.move-btn{color:#666;font-size:10px;min-width:20px;opacity:0;transition:opacity .15s ease;width:20px}.ps-layer-row:hover .ps-layer-btn.move-btn{opacity:.6}.ps-layer-btn.move-btn:hover{background:#3a3a3a;color:#fff;opacity:1}.ps-layer-btn.move-btn:disabled{cursor:default;opacity:0!important}.ps-layer-status-icon{font-size:12px;margin-left:4px;opacity:.5}.ps-layer-expand{color:#555;font-size:8px;margin-left:2px;transition:transform .15s ease}.ps-layer-expand.open{color:#888;transform:rotate(180deg)}.ps-layer-row.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.ps-layer-container{margin:1px 4px}.ps-layer-container .ps-layer-row{margin:0}.ps-layer-details{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:0 0 3px 3px;border-top:none;margin-bottom:2px;padding:8px 10px}.ps-detail-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.ps-detail-row:last-child{margin-bottom:0}.ps-detail-row label{color:#888;flex-shrink:0;font-size:11px;width:45px}.ps-detail-row span{color:#aaa;font-size:11px}.ps-detail-row select{flex:1 1;min-width:0}.ps-detail-row input[type=number],.ps-detail-row select{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:3px;color:#ddd;font-size:11px;padding:4px 6px}.ps-detail-row input[type=number]{width:60px}.ps-detail-row input[type=color]{background:#0000;border:1px solid #3a3a3a;border-radius:3px;cursor:pointer;height:24px;padding:0;width:32px}.ps-detail-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.ps-detail-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.ps-detail-action{border-top:1px solid #333;margin-top:4px;padding-top:6px}.ps-remove-bg-btn{background:linear-gradient(180deg,#3a3a4a,#2a2a3a);border:1px solid #4a4a5a;border-radius:4px;color:#ddd;cursor:pointer;font-size:11px;padding:6px 10px;transition:all .15s ease;width:100%}.ps-remove-bg-btn:hover:not(:disabled){background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border-color:#5a5a6a;color:#fff}.ps-remove-bg-btn:disabled{cursor:not-allowed;opacity:.6}.ps-clip-mask-btn{background:linear-gradient(180deg,#3a3a4a,#2a2a3a);border:1px solid #4a4a5a;border-radius:4px;color:#ddd;cursor:pointer;font-size:11px;padding:6px 10px;transition:all .15s ease;width:100%}.ps-clip-mask-btn:hover{background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border-color:#5a5a6a;color:#fff}.ps-clip-mask-btn.active{background:linear-gradient(180deg,#6a5a2a,#4a4020);border-color:#8a7a4a;color:#ffd}.ps-layer-clip-indicator{color:orange;flex-shrink:0;font-size:14px;margin-right:4px}.ps-layer-container.is-clipping{position:relative}.ps-layer-container.is-clipping:before{background:orange;bottom:50%;content:"";left:8px;opacity:.5;position:absolute;top:0;width:1px}.ps-layer-container.is-clipping:after{background:orange;content:"";height:1px;left:8px;opacity:.5;position:absolute;top:50%;width:8px}.ps-layer-row.clipping{background:linear-gradient(90deg,#ffa5001a,#0000);border-left:2px solid orange;margin-left:8px;padding-left:4px}.ps-layer-row.is-group{background:#64646426;border-left:2px solid #888}.ps-layer-row.is-group:hover{background:#64646440}.ps-layer-row.is-group.selected{background:#264f78;border-left-color:#3a7ab8}.ps-layer-row.is-group .ps-layer-name{font-weight:500}.ps-ai-generate-btn{align-items:center;background:linear-gradient(180deg,#4a3a6a,#3a2a5a);border:1px solid #5a4a7a;border-radius:4px;color:#e0d0ff;cursor:pointer;display:flex;font-size:11px;gap:6px;justify-content:center;padding:6px 10px;transition:all .15s ease;width:100%}.ps-ai-generate-btn:hover{background:linear-gradient(180deg,#5a4a7a,#4a3a6a);border-color:#7a6a9a;color:#fff}.ps-ai-generate-btn:active{background:linear-gradient(180deg,#3a2a5a,#2a1a4a)}.ps-layers-footer{background:#252525;border-top:1px solid #3a3a3a;padding:10px}.ps-footer-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ps-footer-row:last-child{margin-bottom:0}.ps-footer-row label{color:#888;font-size:11px;width:50px}.ps-footer-row input[type=range]{-webkit-appearance:none;background:#3a3a3a;border-radius:2px;flex:1 1;height:4px}.ps-footer-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.ps-footer-row span{color:#aaa;font-size:11px;text-align:right;width:36px}.ps-footer-row select{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:3px;color:#ddd;flex:1 1;font-size:11px;padding:4px 6px}.ps-footer-row select:focus{border-color:#4a9eff;outline:none}.ps-layers-compacted-badge{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border-radius:10px;color:#c4b5fd;font-size:10px;margin-left:8px;padding:2px 8px}.ps-compacted-info{align-items:center;background:linear-gradient(180deg,#8b5cf61f,#8b5cf60d);border-bottom:1px solid #8b5cf633;display:flex;justify-content:space-between;padding:8px 12px}.ps-compacted-label{color:#c4b5fd;font-size:11px;font-weight:600}.ps-compacted-stats{color:#9ca3af;font-size:10px}.ps-semantic-groups-list{flex:1 1;overflow-y:auto;padding:8px 0}.ps-semantic-group-row{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;gap:10px;padding:10px 12px;transition:background .15s ease}.ps-semantic-group-row:hover{background:#ffffff0d}.ps-group-badge{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ps-group-icon{font-size:16px}.ps-group-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ps-group-name{color:#e5e5e5;font-size:12px;font-weight:500}.ps-group-edit-mode,.ps-group-layer-count{color:#888;font-size:10px}.ps-group-edit-mode{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:4px;padding:3px 8px;white-space:nowrap}.ps-group-preserved-badge,.ps-group-proxy-badge{font-size:12px;opacity:.7}.ps-groups-help{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:8px;margin:8px 12px;padding:12px}.ps-groups-help p{align-items:flex-start;color:#9ca3af;display:flex;font-size:11px;gap:8px;line-height:1.5;margin:0}.ps-groups-help-icon{flex-shrink:0;font-size:14px}.ps-fonts-section{background:#1e1e1e;border-top:1px solid #3a3a3a;flex-shrink:0;margin-top:auto}.ps-fonts-section.has-missing{background:linear-gradient(180deg,#ff980014,#1e1e1e);border-top:1px solid #ff9800}.ps-fonts-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.ps-fonts-header:hover{background:#ffffff0d}.ps-fonts-section.has-missing .ps-fonts-header:hover{background:#ff98001f}.ps-fonts-title{align-items:center;color:#bbb;display:flex;font-size:12px;font-weight:500;gap:8px}.ps-fonts-section.has-missing .ps-fonts-title{color:#ffb74d}.ps-fonts-warning-badge{background:#ff980033;border-radius:10px;color:#ff9800;font-size:10px;padding:2px 6px}.ps-fonts-expand{color:#888;font-size:10px;transition:transform .2s ease}.ps-fonts-expand.open{transform:rotate(180deg)}.ps-fonts-list{padding:0 12px 12px}.ps-font-item{align-items:center;background:#0003;border:1px solid #0000;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 10px}.ps-font-item.missing{border-color:#ff98004d}.ps-font-item.available{opacity:.7}.ps-font-info{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.ps-font-status{font-size:10px;text-align:center;width:14px}.ps-font-item.missing .ps-font-status{color:#ff9800}.ps-font-item.available .ps-font-status{color:#4caf50}.ps-font-name{color:#ddd;flex:1 1;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-font-item.missing .ps-font-name{color:#ffcc80}.ps-font-count{color:#666;flex-shrink:0;font-size:10px}.ps-font-actions{display:flex;flex-shrink:0;gap:4px}.ps-font-link{background:#4a9eff1a;border-radius:3px;color:#4a9eff;font-size:9px;padding:2px 5px;text-decoration:none;transition:all .15s ease}.ps-font-link:hover{background:#4a9eff33;color:#6ab0ff;text-decoration:none}.ps-font-btn{border:none;border-radius:3px;cursor:pointer;font-size:9px;padding:2px 6px;text-decoration:none;transition:all .15s ease}.ps-font-btn.brand-btn{background:linear-gradient(180deg,#3a5a3a,#2a4a2a);border:1px solid #4a6a4a;color:#8f8}.ps-font-btn.brand-btn:hover{background:linear-gradient(180deg,#4a6a4a,#3a5a3a)}.ps-font-btn.upload-btn{align-items:center;background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border:1px solid #5a5a6a;color:#aaf;display:inline-flex;gap:3px}.ps-font-btn.upload-btn:hover{background:linear-gradient(180deg,#5a5a6a,#4a4a5a);color:#bbf}.ps-font-btn.upload-btn.uploading{animation:pulse 1s ease-in-out infinite;cursor:wait;opacity:.7}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.ps-fonts-hint{background:#4a9eff14;border:1px solid #4a9eff26;border-radius:4px;margin-top:6px;padding:6px 10px}.ps-fonts-hint span{color:#8ab4f8;font-size:10px;font-style:italic}.ps-font-note{align-items:flex-start;display:flex;gap:4px;margin-top:-2px;padding:4px 0 4px 20px}.ps-font-note .note-icon{font-size:9px}.ps-font-note .note-text{color:#8ab4f8;font-size:9px;line-height:1.3;opacity:.8}.ps-font-btn.small{font-size:10px;min-width:auto;padding:2px 4px}.layers-panel-clean{background:#1f1f24;background:var(--studio-panel-bg,#1a1a2e);display:flex;flex-direction:column;height:100%}.layers-panel-clean .panel-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:12px 14px}.layers-panel-clean .panel-header h3{color:#fff;color:var(--studio-text);font-size:13px;font-weight:600;margin:0}.layers-panel-clean .panel-header-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s ease}.layers-panel-clean .panel-header-btn:hover{background:#ffffff26;border-color:#ffffff40}.layers-panel-clean .panel-header-actions{align-items:center;display:flex;gap:6px}.layers-panel-clean .panel-header-actions .panel-header-btn{align-items:center;display:flex;font-size:14px;height:28px;justify-content:center;padding:0;width:28px}.layers-panel-clean .layers-list{flex:1 1;overflow-y:auto;padding:8px}.layer-item-clean{background:#ffffff0a;border:2px solid #0000;border-radius:6px;margin-bottom:4px;overflow:hidden;transition:all .15s ease}.layer-item-clean:hover{background:#ffffff14}.layer-item-clean.selected{background:#e634781f;border-color:#e63478;border-color:var(--studio-accent)}.layer-item-clean.hidden-layer{opacity:.5}.layer-item-clean.locked-layer{cursor:default;opacity:.6}.layer-item-clean.drag-over{background:#e6347826;border-top-color:#e63478;border-top-color:var(--studio-accent)}.layer-item-clean.layer-group{background:#f59e0b14}.layer-item-clean.layer-group:hover{background:#f59e0b1f}.layer-row{cursor:pointer;gap:8px;padding:8px 10px}.layer-row,.layer-thumb-clean{align-items:center;display:flex}.layer-thumb-clean{background:#0000004d;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);flex-shrink:0;font-size:14px;height:32px;justify-content:center;overflow:hidden;width:32px}.layer-thumb-clean img{height:100%;object-fit:cover;width:100%}.layer-thumb-clean .text-icon{color:#60a5fa;font-family:Georgia,serif;font-size:16px;font-weight:600}.layer-thumb-clean .group-icon{color:#f59e0b;font-size:12px}.layer-name-clean{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.layer-name-clean .name-text{color:#fff;color:var(--studio-text);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name-clean .badge{border-radius:3px;flex-shrink:0;font-size:10px;padding:1px 4px}.layer-name-clean .badge.clip{background:#8b5cf633;color:#a78bfa}.layer-name-clean .badge.warn{background:#f59e0b33;color:#fbbf24}.visibility-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:all .15s ease;width:28px}.visibility-toggle:hover{background:#ffffff1a}.visibility-toggle.visible{color:#fff;color:var(--studio-text)}.visibility-toggle.hidden{color:#ffffffaa;color:var(--studio-text-muted);opacity:.5}.layer-expanded-tools{background:#00000026;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px;padding:10px 12px}.layer-tools-section{display:flex;flex-direction:column;gap:8px}.layer-tools-section+.layer-tools-section{border-top:1px solid #ffffff0f;padding-top:8px}.layer-tool-row{align-items:center;display:flex;gap:8px}.layer-tool-row label{color:#ffffffaa;color:var(--studio-text-muted);flex-shrink:0;font-size:11px;font-weight:500;min-width:50px}.layer-tool-row input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.layer-tool-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e63478;background:var(--studio-accent);border-radius:50%;cursor:pointer;height:12px;width:12px}.layer-tool-row input[type=range]::-moz-range-thumb{background:#e63478;background:var(--studio-accent);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.layer-tool-row span{min-width:32px;text-align:right}.layer-tool-row select,.layer-tool-row span{color:#fff;color:var(--studio-text);font-size:11px}.layer-tool-row select{background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;cursor:pointer;flex:1 1;padding:5px 8px}.layer-tool-row select:focus{border-color:#e63478;border-color:var(--studio-accent);outline:none}.layer-tool-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;color:#fff;color:var(--studio-text);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:7px 12px;transition:all .15s ease;width:100%}.layer-tool-btn:hover:not(:disabled){background:#ffffff26;border-color:#fff3}.layer-tool-btn:disabled{cursor:not-allowed;opacity:.5}.layer-tool-btn.layer-tool-delete{background:#ef44441a;border-color:#ef444433;color:#f87171}.layer-tool-btn.layer-tool-delete:hover:not(:disabled){background:#ef444433;border-color:#ef44444d}.layer-tools-organize label{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;margin-right:8px}.layer-tools-organize select{background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;color:#fff;color:var(--studio-text);flex:1 1;font-size:11px;padding:5px 8px}.layers-panel-clean .layers-empty{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;padding:40px 20px;text-align:center}.layers-panel-clean .layers-empty p{margin:0}.ai-prompt-overlay{position:fixed;z-index:10000}.ai-prompt-popup{background:#1f1f24;border:1px solid #3a3a42;border-radius:8px;box-shadow:0 8px 32px #00000080;overflow:hidden;width:320px}.ai-prompt-header{align-items:center;background:#1f1f24;background:var(--studio-panel-bg,#1e1e22);border-bottom:1px solid #ffffff14;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.ai-prompt-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:.8;padding:0}.ai-prompt-close:hover{opacity:1}.ai-prompt-body{padding:16px}.ai-prompt-size{color:#888;font-size:12px;margin:0 0 12px}.ai-prompt-input{word-wrap:break-word;background:#29292f;border:1px solid #3a3a42;border-radius:6px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:13px;line-height:1.4;min-height:80px;overflow-wrap:break-word;padding:10px;resize:vertical;text-align:left;white-space:pre-wrap;width:100%}.ai-prompt-input:focus{border-color:#3b82f6;outline:none}.ai-prompt-input::placeholder{color:#666}.ai-prompt-footer{background:#29292f;border-top:1px solid #3a3a42;display:flex;gap:8px;padding:12px 16px}.ai-prompt-cancel,.ai-prompt-generate{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.ai-prompt-cancel{background:#3a3a42;border:1px solid #4a4a52;color:#fff}.ai-prompt-cancel:hover{background:#4a4a52}.ai-prompt-generate{background:linear-gradient(135deg,#e63478,#006ba5);border:none;color:#fff}.ai-prompt-generate:hover:not(:disabled){filter:brightness(1.1)}.ai-prompt-generate:disabled{cursor:not-allowed;opacity:.5}.layered-versions-panel{background:#0003;border-radius:8px;margin-bottom:12px;padding:12px}.layered-versions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.layered-versions-title{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px}.layered-icon{font-size:14px}.version-count-badge{background:#a78bfa4d;border-radius:10px;color:#a78bfa;font-size:11px;padding:2px 6px}.save-version-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.save-version-btn:hover:not(:disabled){box-shadow:0 4px 12px #a78bfa66;transform:translateY(-1px)}.save-version-btn:disabled{cursor:not-allowed;opacity:.5}.layered-versions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.layered-version-item{cursor:pointer;transition:all .2s ease}.layered-version-item:hover{transform:translateY(-2px)}.layered-version-thumb{aspect-ratio:1;background:#0000004d;border:2px solid #0000;border-radius:6px;overflow:hidden;position:relative;transition:border-color .2s ease}.layered-version-item:hover .layered-version-thumb{border-color:#a78bfa}.layered-version-thumb img{height:100%;object-fit:cover;width:100%}.no-thumb-placeholder{align-items:center;color:#555;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.layer-count-badge{background:#000000b3;border-radius:8px;bottom:4px;color:#a78bfa;font-size:10px;font-weight:500;padding:2px 6px;position:absolute;right:4px}.delete-version-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:20px}.delete-version-btn:hover{background:#ef4444}.layered-version-name{color:#888;font-size:10px;margin-top:4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.no-versions-message{color:#666;padding:20px;text-align:center}.no-versions-message p{margin:4px 0}.no-versions-message .hint{color:#555;font-size:11px}.create-version-section{background:#0003;border-radius:8px;margin-bottom:12px;padding:12px}.create-version-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.create-version-btn:hover:not(:disabled){box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}.create-version-btn:disabled{cursor:not-allowed;opacity:.5}.create-version-btn .btn-icon{font-size:16px}.create-version-hint{color:#666;font-size:11px;margin-top:8px;text-align:center}.version-actions{background:#0003;border-radius:8px;display:flex;gap:8px;margin:12px 0;padding:10px}.create-flat-btn,.save-layered-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.save-layered-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.save-layered-btn:hover:not(:disabled){box-shadow:0 4px 12px #a78bfa66;transform:translateY(-1px)}.create-flat-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.create-flat-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.create-flat-btn:disabled,.save-layered-btn:disabled{cursor:not-allowed;opacity:.5}.version-thumb-64.layered{border:2px solid #a78bfa80}.version-thumb-64.layered:hover{border-color:#a78bfa}.version-thumb-64.layered.active{border:3px solid #14b8a6!important;box-shadow:0 0 0 3px #14b8a680,0 0 16px #14b8a666!important}.version-thumb-64 .layered-badge{background:#000000b3;border-radius:4px;font-size:10px;left:4px;padding:2px 4px;position:absolute;top:4px}.version-thumb-64.restoring{opacity:.5;pointer-events:none}.version-thumb-64.restoring:after{content:"⏳";font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.version-delete-btn{align-items:center;background:#ff5050e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .15s;width:18px;z-index:10}.version-delete-btn:hover{background:#f33;transform:scale(1.1)}.save-version-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.save-version-modal{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:90vw;overflow:hidden;width:400px}.save-modal-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#3a3a42);display:flex;justify-content:space-between;padding:16px 20px}.save-modal-header h3{color:#fff;color:var(--studio-text,#fff);font-size:16px;font-weight:600;margin:0}.save-modal-close{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);cursor:pointer;font-size:20px;padding:4px 8px;transition:all .15s}.save-modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.save-modal-body{padding:20px}.save-modal-label{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);display:block;font-size:13px;margin-bottom:16px}.save-modal-input{background:#29292f;background:var(--studio-bg,#29292f);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:6px;color:#fff;color:var(--studio-text,#fff);display:block;font-size:14px;margin-top:8px;padding:10px 12px;transition:all .15s;width:100%}.save-modal-input:focus{border-color:#e63478;border-color:var(--studio-accent,#e63478);box-shadow:0 0 0 3px #e6347833;outline:none}.save-modal-input:disabled{cursor:not-allowed;opacity:.6}.save-modal-info{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);display:flex;font-size:12px;gap:16px;margin-top:12px}.save-progress{margin-top:16px}.save-progress-bar{background:#29292f;background:var(--studio-bg,#29292f);border-radius:3px;height:6px;overflow:hidden}.save-progress-fill{background:linear-gradient(90deg,#e63478,#f472b6);background:linear-gradient(90deg,var(--studio-accent,#e63478),#f472b6);border-radius:3px;height:100%;transition:width .3s ease}.save-progress-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);display:block;font-size:12px;margin-top:8px;text-align:center}.save-modal-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#3a3a42);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.save-modal-cancel,.save-modal-confirm{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.save-modal-cancel{background:#0000;border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa)}.save-modal-cancel:hover:not(:disabled){background:#ffffff0d;color:#fff;color:var(--studio-text,#fff)}.save-modal-confirm{background:linear-gradient(135deg,#e63478,#f472b6);background:linear-gradient(135deg,var(--studio-accent,#e63478),#f472b6);border:none;color:#fff}.save-modal-confirm:hover:not(:disabled){box-shadow:0 4px 12px #e6347866;transform:translateY(-1px)}.save-modal-cancel:disabled,.save-modal-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}.version-thumb-64{position:relative}.version-tooltip{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006;min-width:180px;padding:10px 12px;pointer-events:none;z-index:1000}.version-tooltip,.version-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.version-tooltip:after{border:6px solid #0000;border-top:6px solid var(--studio-border,#3a3a42);content:"";top:100%}.tooltip-name{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:600;margin-bottom:6px}.tooltip-details{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);display:flex;flex-direction:column;font-size:11px;gap:4px}.tooltip-details span{align-items:center;display:flex;gap:6px}.tooltip-action{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#3a3a42);color:#e63478;color:var(--studio-accent,#e63478);font-size:11px;margin-top:8px;padding-top:8px;text-align:center}.psd-available-section{margin-bottom:12px}.psd-available-card{align-items:center;background:#2a2a32;background:var(--studio-card-bg,#2a2a32);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s}.psd-available-card:hover{background:#29292f;background:var(--studio-bg,#29292f);border-color:#e63478;border-color:var(--studio-accent,#e63478)}.psd-icon-with-count{position:relative}.psd-icon-with-count,.psd-layer-count-badge{align-items:center;display:flex;justify-content:center}.psd-layer-count-badge{background:#e63478;background:var(--studio-accent,#e63478);border-radius:9px;color:#fff;font-size:10px;font-weight:600;height:18px;min-width:18px;padding:0 4px;position:absolute;right:-8px;top:-6px}.psd-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.psd-card-title{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:600}.psd-card-filename{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psd-available-card .psd-edit-btn{background:#006ba5;background:var(--studio-accent-alt,#006ba5);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.psd-available-card .psd-edit-btn:hover{background:#0080c4;transform:translateY(-1px)}.psd-chip-icon{align-items:center;background:#006ba54d;border-radius:6px;cursor:pointer;display:flex;gap:2px;padding:4px 8px;transition:all .15s}.psd-chip-icon:hover{background:#006ba580;transform:scale(1.05)}.psd-chip-count{align-items:center;background:#e63478;background:var(--studio-accent,#e63478);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px}.layered-versions-grid,.round-expanded-content,.round-versions,.version-thumb-64,.versions-grid-64{overflow:visible!important}.version-tooltip{z-index:9999}.version-tooltip-right{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;box-shadow:0 8px 24px #00000080;left:100%;min-width:180px;padding:10px 12px;pointer-events:none;position:fixed;top:50%;transform:translate(10px,-50%);z-index:99999}.version-thumb-64:hover .version-tooltip-right{display:block}.psd-status-icon{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s}.psd-status-icon:hover{transform:scale(1.1)}.psd-status-icon.loaded{background:#006ba533}.psd-status-icon.loaded:hover{background:#006ba566}.psd-status-icon.not-loaded{background:#80808033;opacity:.6}.psd-status-icon.not-loaded:hover{background:#80808066;opacity:1}.psd-status-icon.not-loaded .psd-icon-wrapper{filter:grayscale(1) opacity(.7)}.s3-status-badge{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:4px;color:#3b82f6;cursor:default;display:inline-flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:24px;padding:0 6px;transition:all .15s}.s3-status-badge:hover{background:#3b82f64d}.psd-icon-wrapper{align-items:center;border-radius:4px;display:inline-flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;justify-content:center;transition:all .15s}.psd-icon-wrapper.psd-icon-small{font-size:11px;height:28px;width:28px}.psd-icon-wrapper.psd-icon-medium{font-size:14px;height:36px;width:36px}.psd-icon-wrapper.psd-icon-large{font-size:18px;height:48px;width:48px}.psd-icon-wrapper.loaded{background:linear-gradient(135deg,#001e36,#003a5c);color:#31a8ff}.psd-icon-wrapper.not-loaded{background:linear-gradient(135deg,#3a3a42,#4a4a52);color:#888}.psd-icon-wrapper.not-loaded:hover{background:linear-gradient(135deg,#4a4a52,#5a5a62);color:#aaa}.psd-custom-tooltip{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:160px;padding:10px 14px;pointer-events:none;white-space:nowrap}.psd-custom-tooltip:after{border:8px solid #0000;border-top:8px solid var(--studio-border,#3a3a42)}.psd-custom-tooltip:after,.psd-custom-tooltip:before{content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.psd-custom-tooltip:before{border:7px solid #0000;border-top:7px solid var(--studio-panel-bg,#1f1f24);margin-top:-1px}.psd-tooltip-header{color:#fff;color:var(--studio-text,#fff);font-size:12px;font-weight:600;margin-bottom:6px}.psd-status-icon.loaded .psd-tooltip-header{color:#31a8ff}.psd-status-icon.not-loaded .psd-tooltip-header{color:#888}.psd-tooltip-info{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:11px;margin-bottom:4px}.psd-tooltip-filename{color:#ffffffaa;color:var(--studio-text-muted,#ffffff77);font-size:10px;margin-bottom:6px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.psd-tooltip-action{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#3a3a42);color:#e63478;color:var(--studio-accent,#e63478);font-size:11px;padding-top:6px}.psd-status-icon{position:relative}.version-thumb-wrapper{display:inline-block;position:relative}.layered-versions-grid,.round-expanded-content,.round-versions,.versions-grid-64{overflow:visible!important}.version-custom-tooltip{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:160px;padding:10px 14px;pointer-events:none;white-space:nowrap}.version-custom-tooltip:after{border:8px solid #0000;border-top:8px solid var(--studio-border,#3a3a42)}.version-custom-tooltip:after,.version-custom-tooltip:before{content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.version-custom-tooltip:before{border:7px solid #0000;border-top:7px solid var(--studio-panel-bg,#1f1f24);margin-top:-1px}.version-tooltip-header{color:#a78bfa;font-size:12px;font-weight:600;margin-bottom:6px}.version-tooltip-info{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:11px;margin-bottom:4px}.version-tooltip-action{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#3a3a42);color:#e63478;color:var(--studio-accent,#e63478);font-size:11px;margin-top:4px;padding-top:6px}.ps-layer-row.smart-edit-target{animation:smartEditPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#e6347833,#a78bfa33);border-left:3px solid #e63478;border-left:3px solid var(--studio-accent,#e63478)}.ps-layer-row.smart-edit-target.selected{background:linear-gradient(90deg,#e6347859,#a78bfa59)}@keyframes smartEditPulse{0%,to{box-shadow:inset 0 0 0 1px #e634784d}50%{box-shadow:inset 0 0 0 2px #e6347899}}.ps-layer-smart-edit-indicator{align-items:center;animation:targetBounce 1s ease-in-out infinite;display:inline-flex;font-size:12px;margin-right:4px}@keyframes targetBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.smart-edit-inline{align-items:center;background:#e634781a;border:1px solid #e634784d;border-radius:6px;color:#fff;color:var(--studio-text-primary,#fff);display:flex;font-size:12px;gap:8px;margin-top:8px;overflow:hidden;padding:8px 12px}.smart-edit-inline-icon{font-size:14px}.smart-edit-inline-text{flex:1 1;min-width:0}.smart-edit-inline-text,.smart-edit-inline-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-edit-inline-text strong{color:#e63478;color:var(--studio-accent,#e63478);display:inline-block;max-width:180px;vertical-align:bottom}.smart-edit-inline-confidence{font-size:11px;margin-left:4px;opacity:.6}.smart-edit-inline-change{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#aaa;color:var(--studio-text-secondary,#aaa);cursor:pointer;flex-shrink:0;font-size:11px;padding:2px 8px;transition:all .2s}.smart-edit-inline-change:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;color:var(--studio-text-primary,#fff)}.smart-edit-inline-picker{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.smart-edit-picker-label{color:#888;color:var(--studio-text-secondary,#888);font-size:11px;margin-right:4px}.smart-edit-layer-option{align-items:flex-start;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;color:#fff;color:var(--studio-text-primary,#fff);cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:2px;min-width:60px;padding:4px 8px;transition:all .15s}.smart-edit-layer-option:hover{background:#ffffff26;border-color:#ffffff40}.smart-edit-layer-option.selected{background:#e6347833;border-color:#e63478;border-color:var(--studio-accent,#e63478)}.smart-edit-layer-option .layer-option-name{font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-edit-layer-option .layer-option-type{font-size:9px;opacity:.6;text-transform:capitalize}.smart-edit-picker-cancel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#888;color:var(--studio-text-secondary,#888);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s}.smart-edit-picker-cancel:hover{background:#ff505026;border-color:#ff50504d;color:#ff6b6b}.smart-edit-inline.manual-select{background:#ffffff08;border:1px dashed #ffffff26}.smart-edit-inline.manual-select:has(.smart-edit-inline-text){background:#e634781a;border:1px solid #e634784d}.smart-edit-indicator{animation:fadeInSlide .3s ease-out;background:linear-gradient(135deg,#1f1f24,#2a2a32);background:linear-gradient(135deg,var(--studio-panel-bg,#1f1f24) 0,#2a2a32 100%);border:1px solid #e63478;border:1px solid var(--studio-accent,#e63478);border-radius:8px;margin-bottom:12px;padding:12px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.smart-edit-indicator.processing{opacity:.7;pointer-events:none}.smart-edit-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.smart-edit-icon{font-size:16px}.smart-edit-title{color:#e63478;color:var(--studio-accent,#e63478);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.smart-edit-picker-btn{background:#a78bfa33;border:1px solid #a78bfa66;border-radius:4px;color:#a78bfa;cursor:pointer;font-size:11px;margin-left:auto;padding:2px 8px;transition:all .2s}.smart-edit-picker-btn:hover{background:#a78bfa4d;border-color:#a78bfa99}.smart-edit-match{background:#ffffff0d;border-radius:6px;margin-bottom:10px;padding:8px 10px}.smart-edit-layer-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.smart-edit-layer-name{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-edit-layer-type{background:#ffffff1a;border-radius:3px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:10px;padding:2px 6px}.smart-edit-layer-type.text{background:#a78bfa33;color:#a78bfa}.smart-edit-confidence{color:#4ade80;font-size:11px;margin-left:auto}.smart-edit-text-preview{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:11px;font-style:italic;margin-top:6px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-edit-actions{display:flex;gap:8px}.smart-edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.smart-edit-btn.primary{background:#e63478;background:var(--studio-accent,#e63478);color:#fff}.smart-edit-btn.primary:hover:not(:disabled){background:#ff4a8d;transform:translateY(-1px)}.smart-edit-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--studio-text,#fff)}.smart-edit-btn.secondary:hover:not(:disabled){background:#ffffff26}.smart-edit-btn:disabled{cursor:not-allowed;opacity:.5}.smart-edit-intent{border-top:1px solid #ffffff1a;color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:11px;margin-top:10px;padding-top:10px}.smart-edit-intent strong{color:#4ade80}.layer-match-picker-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layer-match-picker{animation:slideUp .3s ease-out;background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:400px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layer-match-picker-header{border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#3a3a42);padding:16px 20px}.layer-match-picker-header h3{color:#fff;color:var(--studio-text,#fff);font-size:16px;font-weight:600;margin:0 0 8px}.layer-match-picker-target{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:12px;margin:0}.layer-match-picker-target strong{color:#e63478;color:var(--studio-accent,#e63478)}.layer-match-picker-list{flex:1 1;overflow-y:auto;padding:12px}.layer-match-option{align-items:flex-start;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.layer-match-option:hover{background:#ffffff0d}.layer-match-option.selected{background:#e6347826;border-color:#e63478;border-color:var(--studio-accent,#e63478)}.layer-match-radio{padding-top:2px}.layer-match-radio input[type=radio]{accent-color:#e63478;accent-color:var(--studio-accent,#e63478);height:16px;width:16px}.layer-match-info{flex:1 1;min-width:0}.layer-match-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.layer-match-name{color:#fff;color:var(--studio-text,#fff);font-size:13px;font-weight:500}.layer-match-type{background:#ffffff1a;border-radius:3px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:10px;padding:2px 6px}.layer-match-type.text{background:#a78bfa33;color:#a78bfa}.layer-match-confidence{color:#4ade80;font-size:10px;margin-left:auto}.layer-match-preview{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:11px;font-style:italic;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-match-reasons{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.layer-match-reason{background:#4ade8026;border-radius:3px;color:#4ade80;font-size:9px;padding:2px 6px}.layer-match-picker-actions{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#3a3a42);display:flex;gap:12px;padding:16px 20px}.layer-match-picker-actions .btn-primary,.layer-match-picker-actions .btn-secondary{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.layer-match-picker-actions .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--studio-text,#fff)}.layer-match-picker-actions .btn-secondary:hover{background:#ffffff26}.layer-match-picker-actions .btn-primary{background:#e63478;background:var(--studio-accent,#e63478);border:none;color:#fff}.layer-match-picker-actions .btn-primary:hover:not(:disabled){background:#ff4a8d}.layer-match-picker-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.undo-layer-edit-btn{align-items:center;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:4px;color:#fbbf24;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s}.undo-layer-edit-btn:hover:not(:disabled){background:#fbbf2440;border-color:#fbbf2480}.undo-layer-edit-btn:disabled{cursor:not-allowed;opacity:.4}.undo-layer-edit-btn .undo-count{background:#fbbf244d;border-radius:3px;font-size:10px;padding:1px 4px}.shared-asset-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.shared-asset-dialog{animation:dialogSlideIn .2s ease-out;background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:480px;width:90%}.shared-asset-header{align-items:center;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border);display:flex;justify-content:space-between;padding:16px 20px}.shared-asset-header h3{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600;margin:0}.shared-asset-header .close-btn{background:none;border:none;border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;font-size:20px;padding:4px 8px}.shared-asset-header .close-btn:hover{background:var(--studio-hover-bg);color:#fff;color:var(--studio-text)}.shared-asset-body{flex:1 1;overflow-y:auto;padding:20px}.shared-asset-info{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.shared-asset-info .info-icon{flex-shrink:0;font-size:24px}.shared-asset-info .info-title{color:#fff;color:var(--studio-text);font-size:14px;font-weight:600;margin:0 0 4px}.shared-asset-info .info-text{color:#ffffffaa;color:var(--studio-text-muted);font-size:13px;line-height:1.4;margin:0}.shared-layers-preview{margin-bottom:16px}.shared-layers-preview label{color:#ffffffaa;color:var(--studio-text-muted);display:block;font-size:12px;margin-bottom:8px}.shared-layers-list{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto;padding:8px}.shared-layer-item{align-items:center;background:#1f1f24;background:var(--studio-panel-bg);border-radius:4px;color:#fff;color:var(--studio-text);display:flex;font-size:12px;gap:8px;padding:6px 8px}.shared-layer-item .layer-icon{flex-shrink:0;font-size:14px}.shared-layer-item .layer-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-layer-item.more{color:#ffffffaa;color:var(--studio-text-muted);font-style:italic}.shared-asset-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.shared-asset-option{background:#29292f;background:var(--studio-bg);border:2px solid #3a3a42;border:2px solid var(--studio-border);border-radius:8px;cursor:pointer;padding:14px 16px;transition:all .15s ease}.shared-asset-option:hover{background:#4f46e50d;border-color:#e63478;border-color:var(--studio-accent)}.shared-asset-option.active{background:#4f46e51a;border-color:#e63478;border-color:var(--studio-accent)}.shared-asset-option .option-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.shared-asset-option .option-header input[type=radio]{accent-color:#e63478;accent-color:var(--studio-accent);cursor:pointer;height:16px;width:16px}.shared-asset-option .option-icon{font-size:18px}.shared-asset-option .option-title{color:#fff;color:var(--studio-text);font-size:14px;font-weight:600}.shared-asset-option .option-badge{border-radius:10px;font-size:10px;font-weight:600;margin-left:auto;padding:2px 8px;text-transform:uppercase}.shared-asset-option .option-badge.recommended{background:#22c55e33;color:#22c55e}.shared-asset-option .option-description{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;line-height:1.4;margin:0;padding-left:26px}.shared-asset-remember{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);padding-top:8px}.shared-asset-remember .remember-checkbox{align-items:center;color:#ffffffaa;color:var(--studio-text-muted);cursor:pointer;display:flex;font-size:12px;gap:8px}.shared-asset-remember .remember-checkbox input{accent-color:#e63478;accent-color:var(--studio-accent);cursor:pointer}.shared-asset-footer{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.shared-asset-footer .btn-cancel{background:#29292f;background:var(--studio-bg);border:1px solid #3a3a42;border:1px solid var(--studio-border);border-radius:6px;color:#fff;color:var(--studio-text);cursor:pointer;font-size:14px;padding:10px 20px}.shared-asset-footer .btn-cancel:hover{background:var(--studio-hover-bg)}.shared-asset-footer .btn-confirm{background:#e63478;background:var(--studio-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.shared-asset-footer .btn-confirm:hover{background:var(--studio-accent-hover)}.layer-link-badge,.ps-layer-link-badge{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;color:#3b82f6;cursor:default;display:inline-flex;font-size:10px;gap:3px;margin-left:6px;padding:2px 6px;transition:all .15s ease;white-space:nowrap}.layer-link-badge:hover,.ps-layer-link-badge:hover{background:#3b82f640;border-color:#3b82f680}.layer-link-badge .link-icon{font-size:10px}.layer-link-badge .link-count{font-weight:600}.layer-item.linked-highlight,.ps-layer-row.linked-highlight{background:#3b82f626!important;box-shadow:inset 0 0 0 2px #3b82f666}.layer-item.linked-highlight .layer-name,.ps-layer-row.linked-highlight .ps-layer-name{color:#60a5fa}.edit-mode-indicator{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px;margin-top:8px;padding:8px 12px}.edit-mode-indicator.text_layer{background:#22c55e1a;border-color:#22c55e4d}.edit-mode-indicator.visual_composite{background:#a855f71a;border-color:#a855f74d}.edit-mode-indicator.processing{background:#fbbf241a;border-color:#fbbf244d}.edit-mode-content{align-items:center;display:flex;flex:1 1;gap:6px}.edit-mode-icon{font-size:14px}.edit-mode-label{color:#e5e7eb}.edit-mode-label strong{color:#fff}.edit-mode-note{color:#9ca3af;font-size:11px;margin-left:4px}.edit-mode-clear{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:12px;padding:2px 6px;transition:all .15s ease}.edit-mode-clear:hover{background:#ffffff1a;color:#fff}.edit-mode-processing{align-items:center;display:flex;gap:8px}.edit-mode-spinner{animation:spin 1s linear infinite}.edit-mode-stage{color:#fbbf24}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.right-panel-sections{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0}.right-panel-sections .section-inline-item.expanded{background:none;border:none;border-radius:0;box-shadow:none;padding:0}.right-panel-sections .section-expanded-content,.right-panel-sections .section-inline-expanded,.right-panel-sections .section-inline-item.expanded{display:flex;flex:1 1;flex-direction:column;min-height:0}.right-panel-sections .section-expanded-content{gap:6px;overflow-y:auto;padding:8px 0}.right-panel-sections .collapsed-section-chip.active{background:#ffffff0f;border-color:#3a3a42;border-color:var(--studio-border,#ffffff26)}.right-panel-sections .collapse-arrow{color:#ffffffaa;color:var(--studio-text-muted);flex-shrink:0;font-size:10px;margin-left:auto}.right-panel-sections .section-expanded-content::-webkit-scrollbar{width:4px}.right-panel-sections .section-expanded-content::-webkit-scrollbar-track{background:#0000}.right-panel-sections .section-expanded-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.history-only-view{padding:0 8px}.history-rounds-list{display:flex;flex-direction:column;gap:4px}.history-round-item{align-items:center;background:#ffffff08;border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.history-round-item:hover{background:#ffffff14;border-color:#e63478;border-color:var(--studio-accent,#e94560)}.history-round-thumb{align-items:center;background:#0000004d;border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.history-round-thumb img{height:100%;object-fit:cover;width:100%}.history-round-thumb .thumb-placeholder{color:#ffffffaa;color:var(--studio-text-muted);font-size:11px;font-weight:600}.history-round-info{flex:1 1;min-width:0}.history-round-title{color:#fff;color:var(--studio-text,#fff);font-size:12px;font-weight:500}.history-round-meta{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:10px;margin-top:2px}.history-round-arrow{color:#ffffffaa;color:var(--studio-text-muted,#fff6);flex-shrink:0;font-size:12px}.history-empty{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.history-empty .empty-icon{font-size:32px;opacity:.5}.history-empty .empty-text{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px}.history-round-wrapper{margin-bottom:4px}.history-round-wrapper.expanded{background:#ffffff05;border-radius:8px;overflow:hidden}.history-round-item.active{background:#ffffff0f;border-color:#3a3a42;border-color:var(--studio-border,#ffffff26)}.history-round-comments{border-top:1px solid #3a3a42;border-top:1px solid var(--studio-border,#ffffff1a);padding:8px 12px 12px}.history-feedback-section{margin-bottom:12px}.history-feedback-section:last-child{margin-bottom:0}.history-feedback-label{color:#e63478;color:var(--studio-accent,#e94560);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.history-comment-thread{margin-bottom:8px}.history-comment-card{background:#ffffff08;border:1px solid #3a3a42;border-left:3px solid #e63478;border:1px solid var(--studio-border,#ffffff14);border-left:3px solid var(--studio-accent,#e94560);border-radius:4px;margin-bottom:4px;padding:8px 10px}.history-comment-card.reply{border-left-color:#fff3;display:flex;gap:6px;margin-left:16px}.history-comment-card .reply-arrow{color:#ffffffaa;color:var(--studio-text-muted);flex-shrink:0;font-size:11px}.history-comment-card .reply-content{flex:1 1;min-width:0}.history-comment-card .comment-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.history-comment-card .comment-author{color:#fff;color:var(--studio-text,#fff);font-size:11px;font-weight:600}.history-comment-card .comment-role{background:#ffffff1a;border-radius:3px;color:#ffffffaa;color:var(--studio-text-muted);font-size:9px;padding:1px 5px}.history-comment-card .comment-text{color:#fff;color:var(--studio-text,#ffffffe6);font-size:12px;line-height:1.4}.history-comment-card .comment-date{color:#ffffffaa;color:var(--studio-text-muted,#fff6);font-size:10px;margin-top:4px}.history-no-comments{font-style:italic;padding:16px}.assets-empty-state,.history-no-comments{color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);font-size:12px;text-align:center}.assets-empty-state{padding:20px 12px}.view-all-assets-link{background:#0000;border:1px dashed #ffffff26;border:1px dashed var(--studio-border-color,#ffffff26);border-radius:8px;color:#ffffffaa;color:var(--studio-text-muted,#fff9);cursor:pointer;display:block;font-size:12px;margin-top:8px;padding:12px;text-align:center;transition:all .2s ease;width:100%}.view-all-assets-link:hover{background:#ffffff0d;background:var(--studio-surface-hover,#ffffff0d);border-color:#ffffff40;border-color:var(--studio-border-color-hover,#ffffff40);color:#fff;color:var(--studio-text-primary,#fff)}.assets-inline-grid{grid-gap:6px;align-content:start;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding-bottom:8px}.asset-inline-thumb{aspect-ratio:1;border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff1a);border-radius:4px;cursor:pointer;overflow:hidden;transition:all .15s ease}.asset-inline-thumb:hover{border-color:#e63478;border-color:var(--studio-accent,#e63478);transform:scale(1.05)}.asset-inline-thumb img{height:100%;object-fit:cover;width:100%}.assets-inline-grid::-webkit-scrollbar{width:4px}.assets-inline-grid::-webkit-scrollbar-track{background:#0000}.assets-inline-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.assets-view-all-btn{background:#ffffff0d;border:1px solid #3a3a42;border:1px solid var(--studio-border,#ffffff26);border-radius:4px;color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);cursor:pointer;flex-shrink:0;font-size:11px;margin-top:auto;padding:8px;transition:all .15s ease;width:100%}.assets-view-all-btn:hover{background:#ffffff1a;color:#fff;color:var(--studio-text,#fff)}.history-placeholder{align-items:center;color:#ffffffaa;color:var(--studio-text-muted,#ffffff80);display:flex;font-size:12px;height:100%;justify-content:center;min-height:100px;padding:20px 12px;text-align:center}.accordion-content .layers-panel{flex:1 1;height:100%;min-height:0}.accordion-content .layers-panel .layers-list{flex:1 1;min-height:0;overflow-y:auto}.accordion-content .layers-panel .layers-list::-webkit-scrollbar{width:4px}.accordion-content .layers-panel .layers-list::-webkit-scrollbar-track{background:#0000}.accordion-content .layers-panel .layers-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.layer-editor-empty{align-items:center;display:flex;height:100%;justify-content:center;padding:32px}.layer-editor-empty .empty-state{color:#ffffffaa;color:var(--studio-text-muted);text-align:center}.layer-editor-empty .empty-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.layer-editor-empty .empty-state p{font-size:14px;line-height:1.5;margin:0}.creative-studio-modal.creative-only-mode .project-switcher,.creative-studio-modal.creative-only-mode .sidebar-resize-handle--left,.creative-studio-modal.creative-only-mode .studio-header-info,.creative-studio-modal.creative-only-mode .studio-header-presence,.creative-studio-modal.creative-only-mode .studio-left-sidebar,.creative-studio-modal.creative-only-mode .studio-share-btn{display:none!important}.creative-studio-modal.creative-only-mode .studio-center{flex:1 1;margin-right:0}.creative-studio-modal.creative-only-mode .sidebar-resize-handle--right{display:none!important}.creative-studio-modal.creative-only-mode .studio-right-sidebar{background:#1f1f24;background:var(--studio-panel-bg,#1f1f24);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;box-shadow:0 8px 32px #0006;max-height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;position:fixed!important;right:20px;top:80px;width:320px!important;z-index:1000}.floating-sidebar-drag-handle{align-items:center;background:#0000004d;border-bottom:1px solid #3a3a42;border-bottom:1px solid var(--studio-border,#3a3a42);border-radius:8px 8px 0 0;color:#ffffffaa;color:var(--studio-text-muted,#888);cursor:move;display:flex;font-size:11px;gap:6px;justify-content:center;padding:8px 12px;-webkit-user-select:none;user-select:none}.floating-sidebar-drag-handle:hover{background:#0006;color:#fff;color:var(--studio-text,#fff)}.floating-sidebar-drag-handle:before{content:"⋮⋮";font-size:14px;letter-spacing:2px}.creative-studio-modal.creative-only-mode .studio-right-sidebar>.generation-column,.creative-studio-modal.creative-only-mode .studio-right-sidebar>div:not(.floating-sidebar-drag-handle){height:auto;max-height:calc(100vh - 180px);overflow-y:auto}.creative-studio-modal.creative-only-mode .edit-history-empty,.creative-studio-modal.creative-only-mode .filmstrip-empty-msg,.creative-studio-modal.creative-only-mode .no-rounds-message{display:none!important}.creative-studio-modal.creative-only-mode .studio-right-sidebar::-webkit-scrollbar{width:4px}.creative-studio-modal.creative-only-mode .studio-right-sidebar::-webkit-scrollbar-track{background:#0000}.creative-studio-modal.creative-only-mode .studio-right-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.creative-studio-modal.creative-only-mode .studio-content{display:flex}.creative-studio-modal.creative-only-mode .studio-header{justify-content:space-between}.creative-studio-modal.creative-only-mode .studio-header-title{flex:1 1}.confirm-delete-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.confirm-delete-dialog{animation:dialogSlideIn .2s ease-out;background:#1f1f24;background:var(--studio-panel-bg);border-radius:12px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-width:380px;width:90%}.confirm-delete-header{align-items:center;display:flex;justify-content:center;padding:16px 20px 12px}.confirm-delete-header h3{color:#fff;color:var(--studio-text);font-size:16px;font-weight:600;margin:0}.confirm-delete-body{padding:8px 24px 20px;text-align:center}.confirm-delete-icon{font-size:36px;margin-bottom:12px}.confirm-delete-message{color:#fff;color:var(--studio-text);font-size:14px;line-height:1.5;margin:0 0 8px}.confirm-delete-message strong{color:#fff;color:var(--studio-text);word-break:break-word}.confirm-delete-warning{color:#ffffffaa;color:var(--studio-text-muted);font-size:12px;margin:0}.confirm-delete-footer{display:flex;gap:12px;justify-content:center;padding:0 20px 20px}.confirm-delete-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:140px;padding:10px 20px;transition:all .15s ease}.confirm-delete-btn.cancel{background:var(--studio-hover-bg);color:#fff;color:var(--studio-text)}.confirm-delete-btn.cancel:hover{background:#3a3a42;background:var(--studio-border)}.confirm-delete-btn.confirm{background:#ef4444;color:#fff}.confirm-delete-btn.confirm:hover{background:#dc2626}.original-item-message{align-items:center;background:#2a2a32;background:var(--studio-card-bg,#2a2a32);border:1px solid #3a3a42;border:1px solid var(--studio-border,#3a3a42);border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:0 12px 12px;padding:24px 16px;text-align:center}.original-item-message .original-icon{align-items:center;background:#3b82f626;border-radius:50%;color:#3b82f6;display:flex;height:48px;justify-content:center;width:48px}.original-item-message .original-title{color:#fff;color:var(--studio-text,#fff);font-size:14px;font-weight:600}.original-item-message .original-description{color:#ffffffaa;color:var(--studio-text-muted,#ffffffaa);font-size:12px;line-height:1.4;max-width:200px}.original-item-message .create-version-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:4px;padding:10px 20px;transition:all .15s ease}.original-item-message .create-version-btn:hover{background:#2563eb;transform:translateY(-1px)}.original-item-message .create-version-btn svg{height:16px;width:16px}.canvas-empty-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.canvas-empty-content .empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.canvas-empty-content h3{color:#fff;color:var(--studio-text,#fff);font-size:20px;font-weight:600;margin:0 0 8px}.canvas-empty-content p{color:#ffffffaa;color:var(--studio-text-muted,#ffffffb3);font-size:14px;line-height:1.5;margin:0 0 20px;max-width:400px}.canvas-empty-content .brief-specs-preview{color:#ffffffaa;color:var(--studio-text-muted,#fff9);display:block;font-family:monospace;font-size:13px;margin-top:8px}.empty-state-actions{align-items:center;display:flex;gap:12px}.generate-from-brief-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.generate-from-brief-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.generate-from-brief-btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary.new-creative-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;color:var(--studio-text,#fff);cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-secondary.new-creative-btn:hover{background:#ffffff26;border-color:#ffffff4d}.folder-delete-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.folder-delete-dialog{animation:dialogSlideIn .2s ease-out;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 20px 40px #00000080;max-width:90vw;padding:0;width:380px}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.folder-delete-dialog .dialog-header{align-items:center;background:#252525;border-bottom:1px solid #333;border-radius:12px 12px 0 0;display:flex;gap:10px;padding:16px 20px}.folder-delete-dialog .dialog-icon{font-size:24px}.folder-delete-dialog .dialog-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.folder-delete-dialog .dialog-body{padding:20px}.folder-delete-dialog .dialog-description{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 20px}.folder-delete-dialog .dialog-options{display:flex;flex-direction:column;gap:12px}.folder-delete-dialog .option-btn{align-items:center;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:14px 16px;text-align:left;transition:all .15s ease}.folder-delete-dialog .option-btn:hover{background:#1e3a5f;border-color:#4a9eff}.folder-delete-dialog .option-btn.delete-all:hover{background:#3f1e1e;border-color:#ef4444}.folder-delete-dialog .option-visual{align-items:center;background:#333;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.folder-delete-dialog .folder-icon{font-size:24px}.folder-delete-dialog .folder-icon.faded{opacity:.4}.folder-delete-dialog .delete-x{color:#ef4444;font-size:32px;font-weight:700;position:absolute;text-shadow:0 0 4px #ef444480}.folder-delete-dialog .layers-promote{align-items:center;display:flex;flex-direction:column;gap:0;position:absolute;right:2px}.folder-delete-dialog .layer-icon{color:#4a9eff;font-size:10px}.folder-delete-dialog .arrow-up{color:#4a9eff;font-size:12px;margin-top:-2px}.folder-delete-dialog .option-text{display:flex;flex-direction:column;gap:4px}.folder-delete-dialog .option-title{color:#fff;font-size:14px;font-weight:600}.folder-delete-dialog .option-desc{color:#888;font-size:12px;line-height:1.4}.folder-delete-dialog .dialog-footer{border-top:1px solid #333;display:flex;justify-content:flex-end;padding:12px 20px 16px}.folder-delete-dialog .cancel-btn{background:#0000;border:1px solid #555;border-radius:6px;color:#aaa;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .15s ease}.folder-delete-dialog .cancel-btn:hover{background:#333;border-color:#666;color:#fff}