.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-header{display:flex;flex-direction:column;gap:8px}.ds-sidebar h2{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--primary);margin:0}.ds-back-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--primary);text-decoration:none;letter-spacing:.4px;margin:0}.ds-back-link:hover{text-decoration:underline}.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-alt{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-light);display:flex;flex-direction:column;gap:10px}.ds-upload-alt-or{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.ds-upload-alt-or:before,.ds-upload-alt-or:after{content:"";flex:1;height:1px;background:var(--border-light)}.ds-upload-alt-desc{font-size:13px;line-height:1.5;color:var(--neutral-1)}.ds-direct-upload-btn{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}.ds-direct-upload-btn input{display:none}.ds-direct-upload-busy{opacity:.8;cursor:progress}.ds-direct-upload-disabled{opacity:.55;cursor:not-allowed}.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}.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);position:relative}.ds-preview-btn{width:100%;height:100%;border:none;padding:0;background:transparent;cursor:zoom-in}.ds-preview img{width:100%;height:100%;object-fit:cover;display:block}.ds-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px;z-index:80}.ds-lightbox{width:min(980px,100%);height:min(740px,calc(100vh - 48px));background:#fffffff5;border-radius:16px;border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 72px #00000059;display:flex;flex-direction:column;overflow:hidden}.ds-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffffbf;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ds-lightbox-title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--primary);letter-spacing:.4px}.ds-lightbox-actions{display:inline-flex;gap:10px;align-items:center}.ds-lightbox-action,.ds-lightbox-close{height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--border-light);background:var(--white);color:var(--neutral-1);font-size:13px;font-weight:700;cursor:pointer}.ds-lightbox-close{width:34px;padding:0;font-size:18px;line-height:34px}.ds-lightbox-action:hover,.ds-lightbox-close:hover{border-color:#0003}.ds-lightbox-stage{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(17,24,39,.06),transparent 45%),radial-gradient(circle at 80% 10%,rgba(212,180,131,.14),transparent 48%),radial-gradient(circle at 60% 80%,rgba(43,23,50,.08),transparent 52%),#f6f3ef;touch-action:none}.ds-lightbox-image{position:absolute;left:50%;top:50%;max-width:none;width:80%;height:auto;transform:translate(-50%,-50%) scale(1);transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,.22))}.ds-lightbox-hint{padding:10px 14px;font-size:12px;color:var(--secondary-1);border-top:1px solid var(--border-light);background:#ffffffbf}.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;position:relative;overflow:hidden;border:1px solid var(--border-light);border-radius:16px;background:#ffffffeb}.ds-composer-error{border-color:#b42318}.ds-composer-resizing{-webkit-user-select:none;user-select:none}.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 28px 18px 0;background:transparent;color:var(--neutral-1);font-size:14px;line-height:1.5;resize:vertical}.ds-textarea-resize-handle{display:none;position:absolute;right:10px;bottom:10px;width:22px;height:22px;border:0;padding:0;background:transparent;color:var(--text-muted);cursor:se-resize;touch-action:none}.ds-textarea-resize-handle:before,.ds-textarea-resize-handle:after{content:"";position:absolute;right:2px;bottom:2px;width:14px;height:2px;background:currentColor;border-radius:999px;opacity:.55;transform-origin:right bottom;transform:rotate(-45deg)}.ds-textarea-resize-handle:after{right:5px;bottom:5px;width:10px;opacity:.4}.ds-textarea-resize-handle:active:before,.ds-textarea-resize-handle:active:after{opacity:.75}.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;flex-direction:column;gap:12px;color:var(--primary);background:#f2ede5;font-family:var(--font-heading);font-size:20px;font-weight:600}.ds-empty-text{font-size:16px;font-weight:600;color:var(--primary)}.ds-spinner{width:40px;height:40px;border-radius:999px;position:relative;animation:ds-spin .9s linear infinite;border:3px solid rgba(17,24,39,.14);border-top-color:#1118278c}@keyframes ds-spin{to{transform:rotate(360deg)}}@supports (background: conic-gradient(from 0deg,#000,#fff)){.ds-spinner{border:0;background:conic-gradient(from 0deg,#11182700,#11182740 40deg,#111827b8 140deg,#11182700 360deg)}.ds-spinner:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:999px;background:#f2ede5db}}.ds-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#f2ede59e,#f2ede5d1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--neutral-1);z-index:2}.ds-preview-loading-text{font-size:14px;font-weight:600;letter-spacing:.2px;color:#111827d1}.ds-preview-loading-text:after{content:"...";display:inline-block;width:18px;text-align:left;animation:ds-ellipsis 1.2s steps(4,end) infinite}@keyframes ds-ellipsis{0%{clip-path:inset(0 18px 0 0)}25%{clip-path:inset(0 12px 0 0)}50%{clip-path:inset(0 6px 0 0)}75%,to{clip-path:inset(0 0 0 0)}}.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}@media (max-width: 1024px){.designer-studio{height:auto;min-height:100vh}.ds-body{flex-direction:column;overflow:visible}.ds-canvas{order:1;flex:0 0 auto;justify-content:flex-start;padding:18px 16px 24px}.ds-sidebar{order:0;flex:0 0 auto;min-height:auto;width:100%;max-width:none;border-right:0;border-bottom:0;border-top:1px solid var(--border-light);overflow-y:visible}.ds-preview{width:min(100%,560px);height:clamp(240px,44vh,520px)}.ds-textarea-resize-handle{display:block}}@media (hover: none) and (pointer: coarse){.ds-textarea-resize-handle{display:block}}