.canva-studio-app{background:var(--bg-card);border:1px solid var(--border);height:calc(100vh - 60px);max-height:850px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;margin-bottom:3rem;display:flex;overflow:hidden}.studio-container{flex:1;min-height:0;display:flex}.studio-rail{background:var(--primary);z-index:20;flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:72px;padding-top:1rem;display:flex}.studio-rail button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:12px 0;transition:all .2s;display:flex}.studio-rail button span{font-size:.65rem;font-weight:600}.studio-rail button:hover{color:#fff;background:#ffffff1a}.studio-rail button.active{color:#fff;background:#ffffff26;box-shadow:inset 3px 0 #fff}.rail-upload{margin-top:auto;margin-bottom:1rem;color:var(--accent)!important}.studio-panel{background:var(--bg-card);border-right:1px solid var(--border);z-index:15;flex-direction:column;flex-shrink:0;width:300px;display:flex}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.panel-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.panel-content{flex:1;padding:1.25rem;overflow-y:auto}.studio-workspace{background:#f1f5f9;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}[data-theme=dark] .studio-workspace{background:#0f172a}.workspace-header{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex}.header-left,.header-right{align-items:center;gap:.5rem;display:flex}.icon-tool{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px}.icon-tool:hover{background:var(--bg-input);color:var(--text-primary)}.h-divider{background:var(--border);width:1px;height:20px;margin:0 8px}.doc-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.btn-download-premium{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-download-premium:hover{background:var(--primary-hover);transform:translateY(-1px)}.workspace-canvas{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow:hidden}.studio-empty{text-align:center;cursor:pointer;max-width:320px}.empty-visual{width:100px;height:100px;color:var(--text-muted);box-shadow:var(--shadow-md);background:#fff;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.studio-empty h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.studio-empty p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.btn-studio-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.8rem 2rem;font-weight:800}.studio-canvas-wrapper{max-width:100%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.studio-canvas-wrapper>.relative{max-width:100%;display:inline-block;position:relative}.studio-img{max-width:100%;max-height:70vh;display:block;box-shadow:0 20px 50px #00000026}.text-layers-overlay,.shape-layers-overlay{pointer-events:none;position:absolute;inset:0}.text-layer-item,.shape-layer-item{pointer-events:auto}.workspace-footer{background:var(--bg-card);border-top:1px solid var(--border);justify-content:center;align-items:center;height:48px;padding:0 1.25rem;display:flex}.zoom-ctrls{background:var(--bg-input);border-radius:6px;align-items:center;gap:.5rem;padding:4px 8px;display:flex}.zoom-ctrls button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.zoom-text{text-align:center;min-width:40px;color:var(--text-primary);font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.btn-fit-studio{text-transform:uppercase;margin-left:4px;font-size:.65rem!important;font-weight:800!important}.studio-layers{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex}.layers-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:8px;padding:1rem 1.25rem;font-size:.75rem;font-weight:800;display:flex}.layers-body,.history-body{padding:0 .75rem}.layer-card{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.layer-card.active{border-color:var(--primary);background:var(--primary-subtle)}.layer-thumb{background:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.layer-thumb img{object-fit:cover;width:100%;height:100%}.layer-meta{flex-direction:column;flex:1;display:flex}.layer-meta .name{color:var(--text-primary);font-size:.75rem;font-weight:700}.layer-meta .type{color:var(--text-muted);font-size:.6rem;font-weight:600}.history-body{flex-direction:column;gap:4px;margin-top:.5rem;display:flex}.history-step{color:var(--text-muted);border-radius:4px;padding:8px 12px;font-size:.7rem;font-weight:600}.history-step.active{color:var(--primary);background:var(--primary-subtle)}.control-list{flex-direction:column;gap:1.25rem;display:flex}.control-item{flex-direction:column;gap:6px;display:flex}.control-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.control-val{color:var(--primary);font-family:var(--font-mono);background:var(--bg-input);border-radius:4px;padding:2px 6px;font-size:.7rem}.studio-slider{-webkit-appearance:none;background:var(--border);border-radius:2px;width:100%;height:4px}.studio-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.btn-reset-studio{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:6px;width:100%;margin-top:1rem;padding:10px;font-size:.75rem;font-weight:700}.filter-item{cursor:pointer;text-align:center;background:0 0;border:none}.filter-preview{aspect-ratio:1;background:#000;border:2px solid #0000;border-radius:8px;width:100%;margin-bottom:6px;overflow:hidden}.filter-item:hover .filter-preview{border-color:var(--primary)}.transform-list{flex-direction:column;gap:1.5rem;display:flex}.transform-group{flex-direction:column;gap:8px;display:flex}.transform-group label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:800}.btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-row button{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.75rem;font-weight:700;display:flex}.btn-row button.active{background:var(--primary-subtle);color:var(--primary);border-color:var(--primary)}.coming-soon{text-align:center;color:var(--text-muted);padding:2rem 1rem}.coming-soon h4{color:var(--text-primary);margin:1rem 0 .5rem;font-size:.9rem}.coming-soon p{font-size:.75rem;line-height:1.5}.canva-studio-app{background:var(--bg-card);border:1px solid var(--border);height:calc(100vh - 60px);max-height:850px;box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.studio-container{flex:1;width:100%;display:flex;overflow:hidden}.studio-rail{background:var(--primary);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;gap:1.5rem;width:72px;padding:1rem 0;display:flex}[data-theme=dark] .studio-rail{background:#1a3f4d}.rail-item{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 0;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.rail-item:hover,.rail-item.active{color:#fff;background:#ffffff1a}.rail-item.active{border-left:3px solid var(--accent)}.studio-panel{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.text-panel-advanced,.shape-panel-advanced,.filter-panel,.transform-panel,.layers-panel{background:var(--bg-card);flex-direction:column;height:100%;display:flex}.scroll-controls{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:1.75rem;padding:1.5rem;display:flex;overflow-y:auto}.scroll-controls::-webkit-scrollbar{width:5px}.scroll-controls::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.control-group label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.filter-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.filter-item{cursor:pointer;text-align:center;background:0 0;border:none;padding:4px;transition:all .2s}.filter-preview{aspect-ratio:1;border:2px solid var(--border);background:#000;border-radius:50%;width:100%;margin-bottom:8px;transition:all .2s;overflow:hidden}.filter-preview img{object-fit:cover;width:100%;height:100%}.placeholder-filter{background:var(--bg-input);width:100%;height:100%}.filter-item:hover .filter-preview{border-color:var(--primary);transform:scale(1.05)}.filter-item.active .filter-preview{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.filter-item span{color:var(--text-secondary);font-size:.65rem;font-weight:700}.studio-select,.studio-textarea,.studio-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;padding:12px;font-size:.9rem;font-weight:600}.palette-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.color-swatch{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;border-radius:6px;width:100%;transition:transform .2s}.color-swatch.active{border:2px solid var(--primary);box-shadow:0 0 0 2px var(--bg-card)}.btn-group-row{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.btn-style{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;height:36px;font-size:.9rem;font-weight:600}.btn-style.active{background:var(--primary);color:#fff}.control-group{margin-bottom:1rem}.btn-remove-layer-studio{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:1.5rem;padding:14px;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.btn-remove-layer-studio:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.shape-grid-selector{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shape-btn-item{aspect-ratio:1;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.shape-btn-item:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.text-empty-state{text-align:center;color:var(--text-primary);padding:3rem 1.5rem}.text-empty-state svg{color:var(--primary);margin-bottom:1rem}.text-empty-state p{color:#475569;margin:0;font-size:1.1rem;font-weight:600}.add-text-persistent{flex-direction:column;gap:1rem;padding:1.5rem 0;display:flex}.add-text-persistent label{color:#1e293b;margin-bottom:.25rem;font-size:.85rem;font-weight:700}.btn-add-text-plus{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-add-text-plus:hover{background:#e2e8f0;border-color:#94a3b8}.btn-add-text-plus.secondary{font-size:.9rem}.btn-back{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.btn-back:hover{background:var(--border);color:var(--text-primary)}.studio-workspace{background:var(--bg-input);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.workspace-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 1.5rem;display:flex}.workspace-canvas{scrollbar-width:none;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow:auto}@media (max-width:1024px){.studio-layers{display:none}.canva-studio-app{border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:0;display:flex;height:auto!important;max-height:none!important;overflow:visible!important}.studio-container{flex-direction:column!important;flex:none!important;height:auto!important;overflow:visible!important}.studio-rail{border-top:0;border-bottom:1px solid var(--border);scrollbar-width:none;scroll-snap-type:x proximity;overflow-x:auto;background:var(--primary)!important;flex-direction:row!important;order:1!important;justify-content:flex-start!important;gap:2px!important;width:100%!important;height:auto!important;padding:.5rem!important}.studio-rail::-webkit-scrollbar{display:none}.studio-rail button{scroll-snap-align:start;border-radius:10px;flex:none;min-width:62px;height:52px;padding:6px 8px;color:#ffffffd1!important;background:0 0!important;border:0!important;width:auto!important}.studio-rail button.active{color:#fff!important;box-shadow:inset 0 -3px 0 var(--accent)!important;background:#ffffff24!important}.rail-upload{color:var(--accent)!important;margin:0!important}.studio-panel{border-bottom:1px solid var(--border);max-height:40vh;border-right:none!important;flex-direction:column!important;flex:none!important;order:2!important;width:100%!important;height:auto!important;display:flex!important;overflow:visible!important}.studio-workspace{border-bottom:1px solid var(--border);min-height:330px;flex:none!important;order:3!important;width:100%!important;height:auto!important;overflow:hidden!important}.workspace-header{gap:.5rem;min-height:48px;height:auto!important;padding:.55rem .75rem!important}.header-left{flex:1;min-width:0}.doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.header-left .icon-tool,.header-left .h-divider{display:none}.btn-download-premium{white-space:nowrap;border-radius:8px;height:36px;padding:0 .8rem!important}.panel-header{height:44px;min-height:44px;padding:0 .85rem}.text-panel-advanced,.shape-panel-advanced,.filter-panel,.transform-panel,.layers-panel{height:auto!important;display:block!important}.scroll-controls{max-height:calc(40vh - 44px);padding:1rem 1rem 1.25rem;height:auto!important;overflow-y:auto!important}.workspace-canvas{align-items:center;min-height:270px;max-height:52vh;padding:.75rem!important;overflow:auto!important}.studio-empty{padding:1rem}.empty-visual{border-radius:16px;width:72px;height:72px;margin-bottom:1rem}.studio-empty h2{font-size:1.15rem}.studio-empty p{margin-bottom:1rem;font-size:.78rem}.workspace-footer{height:42px;padding:0 .75rem}.studio-img{max-width:88vw!important;max-height:42vh!important}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shape-grid-selector{grid-template-columns:repeat(6,minmax(44px,1fr))}}@media (max-width:640px){.canva-studio-app{border-left:0;border-right:0;border-radius:0;margin-inline:-.75rem}.studio-workspace{min-height:300px}.workspace-canvas{min-height:238px;max-height:48vh}.btn-download-premium span{display:none}.studio-rail{padding:.45rem!important}.studio-rail button{min-width:56px;height:48px;padding-inline:6px;font-size:.6rem}.studio-rail button span{font-size:.58rem!important}.studio-panel{max-height:38vh}.scroll-controls{gap:1rem;max-height:calc(38vh - 44px);padding:.85rem}.filter-grid,.shape-grid-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-img{max-width:84vw!important;max-height:38vh!important}}