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