.collage-workspace-main{min-width:0}.collage-workspace-card{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;overflow:hidden;min-height:560px;display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(15,23,42,.06)}.collage-workspace-header{min-height:68px;padding:1.2rem 1.5rem;background:linear-gradient(180deg,var(--bg-card),var(--bg-input));border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.collage-workspace-header .collage-header-left{display:flex;align-items:center;gap:.75rem;color:var(--primary)}.collage-workspace-header h3{margin:0;color:var(--text-primary);font-size:1rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.collage-sidebar-container{min-width:0}.collage-settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;padding:1.5rem;box-shadow:0 18px 50px rgba(15,23,42,.06);position:sticky;top:80px}.collage-settings-header{display:flex;align-items:center;gap:.75rem;color:var(--primary);margin-bottom:1.5rem}.collage-settings-header h3{margin:0;font-size:1.35rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em}.collage-workspace-body{display:flex;align-items:center;justify-content:center;min-height:492px}.btn-clear{background:none;border:none;color:var(--error);font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.btn-clear:hover{background:rgba(239,68,68,.1)}.collage-dropzone{width:100%;min-height:492px;padding:3rem}.upload-icon-wrapper{width:80px;height:80px;background:var(--bg-input);border-radius:22px;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 8px 16px -4px rgba(34,95,115,.2);position:relative}.upload-icon{position:relative;z-index:2}.upload-pulse{width:100%;height:100%;border-radius:22px;background:var(--primary);opacity:.2;z-index:1;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.upload-glow,.upload-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-glow{width:140px;height:140px;background:radial-gradient(circle,var(--primary) 0,transparent 70%);opacity:.15;pointer-events:none}.upload-title{font-size:2rem;font-weight:900;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.02em}.upload-text{font-size:1rem;color:var(--text-muted);text-align:center;max-width:320px;line-height:1.6;margin-bottom:1.5rem}.collage-privacy-badge{margin-top:2rem;display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--primary-subtle);border-radius:100px;border:1px solid rgba(34,95,115,.12);box-shadow:var(--shadow-sm)}.privacy-icon{color:#10b981}.collage-privacy-badge span{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.collage-canvas-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:2rem}.collage-canvas{max-width:100%;max-height:70vh;box-shadow:var(--shadow-xl);border-radius:12px;background:white;display:block;border:1px solid var(--border)}.settings-body{gap:1.25rem}.config-group,.settings-body{display:flex;flex-direction:column}.config-group{gap:.5rem}.config-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.layout-btn{height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.layout-btn:hover{border-color:var(--primary);color:var(--primary)}.layout-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.slider-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.slider-header label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}.slider-value{font-size:.9rem;font-weight:900;color:var(--primary)}.size-input{height:40px;width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);padding:0 10px;font-size:.85rem;font-weight:700;outline:none;transition:border-color .2s}.size-input:focus{border-color:var(--primary)}.color-row{display:flex;gap:8px;align-items:center;padding:8px;background:var(--bg-input);border-radius:10px;border:1px solid var(--border)}.color-picker{width:24px;height:24px;border:none;background:none;padding:0;cursor:pointer}.color-text{font-size:.75rem;font-weight:700;fontFamily:monospace;color:var(--text-primary)}.photos-section{border-top:1px solid var(--border);padding-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;max-height:160px;overflow-y:auto;padding:4px}.photo-thumb{position:relative;width:60px;height:60px;border-radius:10px;border:1px solid var(--border);overflow:hidden;background:var(--bg-input)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.remove-thumb-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(239,68,68,.9);color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.remove-thumb-btn:hover{transform:scale(1.1)}.add-photo-thumb{width:60px;height:60px;border-radius:10px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-card);color:var(--text-muted);transition:all .2s}.add-photo-thumb:hover{border-color:var(--primary);color:var(--primary);background:rgba(34,95,115,.05)}.action-group{padding-top:1.25rem;border-top:1px solid var(--border)}.btn-download{width:100%;height:54px;font-size:1rem;font-weight:800;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.95);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.1}to{transform:translate(-50%,-50%) scale(.95);opacity:.3}}.collage-dropzone{border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.collage-drop-btn{appearance:none;border:0;background:var(--primary);color:#fff;min-width:180px;height:52px;padding:0 1.75rem;border-radius:999px;font-weight:900;font-size:.92rem;letter-spacing:.02em;cursor:pointer;box-shadow:0 16px 34px -18px rgba(34,95,115,.85);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.collage-drop-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 22px 42px -20px rgba(34,95,115,.95)}.collage-privacy-badge{justify-content:center;max-width:min(100%,520px)}.btn-download{border:0;cursor:pointer;background:var(--primary)!important;color:#fff!important}.btn-download:hover:not(:disabled){background:var(--primary-hover)!important;transform:translateY(-2px)}.btn-download:disabled{opacity:.52;cursor:not-allowed;transform:none}@media (max-width:768px){.collage-workspace-card{min-height:0;border-radius:18px}.collage-workspace-header{min-height:58px;padding:1rem}.collage-workspace-header h3{font-size:.85rem}.collage-workspace-body{min-height:320px}.collage-dropzone{min-height:320px;padding:2rem 1rem}.upload-icon-wrapper{width:64px;height:64px;border-radius:18px;margin-bottom:1.25rem}.upload-title{font-size:1.65rem;text-align:center}.upload-text{font-size:.9rem;max-width:280px}.collage-privacy-badge{margin-top:1.25rem;padding:8px 12px;border-radius:14px}.collage-privacy-badge span{font-size:.64rem;letter-spacing:.03em}.collage-canvas-container{padding:1rem}.collage-canvas{max-height:48vh}.collage-settings-card{position:static;padding:1rem;border-radius:18px}.collage-settings-header h3{font-size:1.1rem}.controls-grid{grid-template-columns:1fr}}