.photo-strip-editor{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5;font-family:Arial,sans-serif}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.editor-header-left{display:flex;flex-direction:column}.editor-title{margin:0;font-size:24px;color:#333}.editor-subtitle{margin-top:5px;font-size:14px;color:#666}.booking-info{font-weight:500}.editor-header-right{display:flex;gap:10px}.btn{padding:10px 20px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-small{padding:5px 10px;font-size:12px}.btn-block{width:100%;display:block}.btn.saving{opacity:.7}.editor-content{display:grid;grid-template-columns:280px 1fr 320px;flex:1;overflow:hidden}.editor-toolbar{background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;overflow-y:auto}.toolbar-tabs{display:flex;border-bottom:1px solid #ddd}.toolbar-tab{flex:1;padding:15px 10px;border:none;background:#f8f9fa;cursor:pointer;font-size:14px;border-bottom:3px solid transparent;transition:all .2s}.toolbar-tab:hover{background:#e9ecef}.toolbar-tab.active{background:#fff;border-bottom-color:#007bff;font-weight:600}.toolbar-content{flex:1;overflow-y:auto;padding:20px}.tool-panel h3{margin-top:0;margin-bottom:15px;font-size:18px;color:#333}.tool-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.tool-section h4{margin-top:0;margin-bottom:10px;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.text-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:10px}.text-input:focus{outline:none;border-color:#007bff}.quick-texts{display:flex;flex-direction:column;gap:8px}.upload-section{text-align:center}.upload-hint{margin-top:10px;font-size:12px;color:#999}.uploaded-images-list{display:flex;flex-direction:column;gap:10px}.uploaded-image-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e0e0e0;border-radius:4px}.uploaded-image-item img{width:60px;height:60px;object-fit:cover;border-radius:4px}.background-section{margin-bottom:20px}.color-preview{width:100%;height:50px;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-weight:600;transition:border-color .2s}.color-preview:hover{border-color:#007bff}.color-picker-popover{position:relative;z-index:10}.color-picker-cover{position:fixed;top:0;left:0;right:0;bottom:0}.preset-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-btn{width:100%;height:50px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.color-btn:hover{border-color:#007bff;transform:scale(1.05)}.editor-canvas-container{display:flex;justify-content:center;align-items:center;background:#e0e0e0;overflow:auto;padding:20px}#photo-strip-canvas{box-shadow:0 4px 12px #00000026;border:1px solid #ccc}.editor-properties{background:#fff;border-left:1px solid #ddd;overflow-y:auto;padding:20px}.editor-properties h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333}.properties-empty{text-align:center;padding:40px 20px;color:#999}.properties-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.properties-section:last-child{border-bottom:none}.properties-section h4{margin-top:0;margin-bottom:10px;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.property-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.property-row label{flex:0 0 80px;font-size:14px;color:#666}.property-row input[type=number],.property-row select{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.property-row input[type=range]{flex:1}.property-row span{flex:0 0 50px;font-size:14px;color:#666;text-align:right}.color-preview-small{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-family:monospace}.layer-buttons{display:flex;flex-direction:column;gap:8px}.template-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.template-modal{background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #ddd}.template-modal-header h2{margin:0;font-size:24px;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#333}.template-categories{display:flex;gap:10px;padding:20px 30px;border-bottom:1px solid #e0e0e0}.category-btn{padding:8px 20px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s}.category-btn:hover{background:#f8f9fa}.category-btn.active{background:#007bff;color:#fff;border-color:#007bff}.template-grid{flex:1;overflow-y:auto;padding:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.template-loading,.template-empty{grid-column:1 / -1;text-align:center;padding:40px;color:#999}.template-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-preview{width:100%;height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.template-preview img{width:100%;height:100%;object-fit:cover}.template-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.template-placeholder span{font-size:48px;margin-bottom:10px}.template-info{padding:15px}.template-info h3{margin:0 0 8px;font-size:16px;color:#333}.template-info p{margin:0 0 15px;font-size:14px;color:#666}.photo-strip-editor-loading,.photo-strip-editor-error,.photo-strip-editor-finalized{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:40px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.finalized-preview{margin-top:30px;max-width:600px}.finalized-preview img{width:100%;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px}.download-button{display:inline-block;padding:12px 30px;background:#28a745;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background .2s}.download-button:hover{background:#218838}@media(max-width:1024px){.editor-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.editor-toolbar,.editor-properties{max-height:300px}}@media(max-width:768px){.editor-header{flex-direction:column;gap:15px;padding:15px}.editor-header-right{width:100%;flex-wrap:wrap}.editor-header-right .btn{flex:1;min-width:120px}.template-grid{grid-template-columns:1fr;padding:15px}}