.designer-studio{display:flex;flex-direction:column;height:100vh}.ds-body{display:flex;flex:1;overflow:hidden}.ds-sidebar{width:clamp(380px,32vw,460px);background:var(--neutral-3);border-right:1px solid var(--border-light);padding:32px 28px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.ds-sidebar h2{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--primary)}.ds-sidebar h3{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--primary)}.ds-settings{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border-light);border-radius:10px;background:#ffffffb8}.ds-settings h3{margin:0}.ds-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.ds-setting-stack{display:flex;flex-direction:column;gap:8px}.ds-setting-label{color:var(--neutral-1);font-size:15px;font-weight:500;min-width:90px}.ds-setting-label-block{min-width:0}.ds-setting-select-wrap{position:relative;width:100%}.ds-setting-select-wrap:after{content:"v";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--neutral-1);pointer-events:none}.ds-setting-select{width:100%;min-height:44px;padding:10px 32px 10px 14px;border:1px solid var(--border-light);border-radius:4px;background:var(--white);color:var(--neutral-1);font-size:14px;line-height:1.4;appearance:none;-webkit-appearance:none;-moz-appearance:none}.ds-setting-select:focus{border-color:var(--border-light);outline:none;box-shadow:none}.ds-setting-textarea{width:100%;min-height:64px;padding:10px 14px;border:1px solid var(--border-light);border-radius:4px;background:var(--white);color:var(--neutral-1);font-size:14px;line-height:1.5;resize:vertical}.ds-setting-textarea:focus{border-color:var(--border-light);outline:none;box-shadow:none}.ds-setting-textarea::placeholder{color:var(--text-muted)}.ds-prompt{background:var(--neutral-3);border:1px solid var(--border-light);border-radius:6px;padding:16px;min-height:160px}.ds-prompt p{font-size:14px;line-height:1.6;color:var(--neutral-1)}.ds-generate{width:100%;text-align:center}.ds-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;background:var(--white);border:1px solid var(--border-light);font-size:13px;color:var(--neutral-1)}.ds-upload-btn-inline{width:100%;justify-content:center;background:var(--white);border:1px solid var(--border-light);color:var(--neutral-1);font-size:13px;font-weight:400;letter-spacing:0;border-radius:4px;padding:10px 20px;transition:opacity .2s}.ds-upload-btn-inline:hover{opacity:.8}.ds-upload-btn-disabled,.ds-upload-btn-disabled:hover{opacity:.45;cursor:not-allowed}.ds-upload-btn-inline .ds-upload-icon{color:currentColor}.ds-upload-btn input{display:none}.ds-uploaded-reference{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;background:#ffffffb8}.ds-uploaded-reference-thumb{width:52px;height:52px;border-radius:6px;overflow:hidden;flex:0 0 auto;background:#efe8dc}.ds-uploaded-reference-thumb img{width:100%;height:100%;object-fit:cover}.ds-uploaded-reference-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.ds-uploaded-reference-label{font-size:12px;font-weight:600;color:var(--primary)}.ds-uploaded-reference-name{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ds-file-name{font-size:12px;color:var(--text-muted);margin-top:-12px}.ds-divider{display:flex;align-items:center;justify-content:center;height:1px;background:var(--border-light);position:relative}.ds-divider-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--neutral-3);padding:2px 12px;font-size:11px;color:var(--text-muted);font-weight:400;text-transform:uppercase;letter-spacing:1px}.ds-setting{display:flex;justify-content:space-between;align-items:center}.ds-setting>span:first-child{font-size:14px;color:var(--neutral-1)}.ds-setting-val{font-size:13px;color:var(--neutral-1);padding:8px 16px;border:1px solid var(--border-light);border-radius:4px}.ds-add-cart{width:100%;text-align:center;display:block}.ds-regenerate{width:100%;text-align:center}@media (max-width: 1024px){.ds-body{flex-direction:column;overflow:auto}.ds-sidebar{width:100%;max-width:none;border-right:0;border-bottom:1px solid var(--border-light)}.ds-canvas{padding:24px}.ds-preview{width:min(100%,560px);height:auto;aspect-ratio:1 / 1}}.ds-canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;background:var(--neutral-3)}.ds-preview{width:560px;height:560px;border-radius:12px;overflow:hidden;border:1px solid var(--border-light)}.ds-preview img{width:100%;height:100%;object-fit:cover}.ds-actions{display:flex;gap:16px}.ds-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;background:var(--white);border:1px solid var(--border-light);font-size:13px;color:var(--neutral-1)}.ds-action-btn:hover{background:var(--neutral-3)}.ds-sidebar .form-field{display:flex;flex-direction:column;gap:8px}.ds-sidebar .form-field label{font-size:13px;color:var(--neutral-1)}.ds-sidebar .form-field input,.ds-sidebar .form-field select,.ds-textarea{padding:10px 12px;border:1px solid var(--border-light);border-radius:4px;font-size:14px;color:var(--neutral-1);background:var(--white)}.ds-composer{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:hidden;border:1px solid var(--border-light);border-radius:16px;background:#ffffffeb}.ds-composer-error{border-color:#b42318}.ds-composer-attachments{display:flex;flex-wrap:nowrap;gap:10px;align-items:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ds-composer-attachments::-webkit-scrollbar{height:0}.ds-composer-attachments:hover,.ds-composer-attachments:focus-within{scrollbar-width:thin}.ds-composer-attachments:hover::-webkit-scrollbar,.ds-composer-attachments:focus-within::-webkit-scrollbar{height:8px}.ds-composer-attachments::-webkit-scrollbar-track{background:transparent}.ds-composer-attachments::-webkit-scrollbar-thumb{background:#11182747;border-radius:999px}.ds-composer-attachments::-webkit-scrollbar-thumb:hover{background:#11182766}.ds-composer-attachment{position:relative;flex:0 0 auto;align-self:flex-start}.ds-composer-thumb{width:64px;height:64px;border-radius:14px;overflow:hidden;border:1px solid var(--border-light);background:#efe8dc;padding:0;cursor:pointer;display:block}.ds-composer-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ds-composer-thumb-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:999px;border:1px solid var(--border-light);background:#fffffff5;color:var(--neutral-1);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.96);transition:opacity .15s ease,transform .15s ease,background .15s ease}.ds-composer-attachment:hover .ds-composer-thumb-remove,.ds-composer-attachment:focus-within .ds-composer-thumb-remove{opacity:1;transform:scale(1)}.ds-composer-thumb-remove:hover{background:var(--neutral-3)}.ds-composer-textarea{width:100%;min-height:92px;border:0;padding:0;background:transparent;color:var(--neutral-1);font-size:14px;line-height:1.5;resize:vertical}.ds-composer-textarea:focus{outline:none;box-shadow:none}.ds-composer-textarea::placeholder{color:var(--text-muted)}.ds-textarea-error{border-color:#b42318}.ds-field-error{font-size:12px;color:#b42318}.ds-textarea{min-height:80px;resize:vertical}.ds-textarea:focus{border-color:var(--border-light);outline:none;box-shadow:none}.ds-textarea::placeholder{color:var(--text-muted)}.ds-textarea-error::placeholder{color:#b42318}.ds-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary);background:#f2ede5;font-family:var(--font-heading);font-size:20px;font-weight:600}.ds-upload-section{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.ds-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px}.ds-error{color:#b42318;font-size:13px}.ds-message{color:#166534;font-size:13px}.ds-link{font-size:13px;color:var(--primary);text-align:center}.ds-generate:disabled,.ds-add-cart:disabled,.ds-action-btn:disabled{opacity:.6;cursor:not-allowed}