.workspace-editor{padding-top:var(--s-3);min-height:60vh;max-width:1400px;margin:0 auto}.hidden{display:none!important}.workspace-landing{margin-top:var(--s-4)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;border:2px dashed var(--border);border-radius:var(--radius-2);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 88%,#16384b 12%),var(--panel));cursor:pointer;transition:.2s ease}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--b1);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 78%,#1b5875 22%),var(--panel2));transform:translateY(-2px)}.upload-icon{font-size:48px;margin-bottom:14px}.upload-text{text-align:center}.upload-sub{margin-top:8px}.toolbar-nav{margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-weight:500}.back-link:hover{color:var(--text)}.arrow{font-size:1.2em;line-height:1}.center-msg{padding:32px 18px;border:1px solid var(--border);border-radius:16px;background:var(--panel);text-align:center}.editor-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.editor-kicker{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--b1)}.editor-copy p:last-child{margin:10px 0 0;max-width:760px}.editor-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-ghost,.btn-primary,.btn-success{border-radius:12px;padding:12px 18px;border:1px solid var(--border);text-decoration:none;font-weight:600;cursor:pointer;transition:.2s ease}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--border) 75%,var(--text) 25%)}.btn-primary{background:linear-gradient(135deg,var(--b1),#8ae8ff);color:#041217;border-color:transparent}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn-primary:disabled{opacity:.65;cursor:progress;transform:none}.btn-success{background:#16372a;color:#b7ffda;border-color:#95ffca40}.btn-success:hover{background:#1d4636}.editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,360px);gap:22px;align-items:start}.preview-panel,.control-panel{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:18px}.metric-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.metric-pill{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel2) 72%,transparent);font-size:13px;color:var(--muted)}.metric-pill strong{color:var(--text)}.preview-stage{min-height:420px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.03) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-stage img{display:block;max-width:100%;max-height:68vh;object-fit:contain;user-select:none}.crop-stage-wrap{padding:18px}.crop-stage{position:relative;display:inline-block;max-width:100%;max-height:68vh;touch-action:none}.crop-stage img{max-width:100%;max-height:68vh;display:block;border-radius:12px}.crop-box{position:absolute;border:2px solid #5dd6ff;border-radius:12px;box-shadow:0 0 0 9999px #01060b94;cursor:move}.crop-dimensions{position:absolute;top:-34px;left:0;padding:6px 10px;border-radius:999px;background:#07151deb;border:1px solid rgba(93,214,255,.26);color:#d9faff;font-size:12px;font-weight:600;white-space:nowrap}.crop-handle{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid #08202b;background:#5dd6ff;padding:0;cursor:nwse-resize}.crop-handle.nw{top:-9px;left:-9px}.crop-handle.ne{top:-9px;right:-9px;cursor:nesw-resize}.crop-handle.sw{bottom:-9px;left:-9px;cursor:nesw-resize}.crop-handle.se{bottom:-9px;right:-9px}.helper-text{margin-top:12px}.control-panel{display:flex;flex-direction:column;gap:14px}.control-card{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel2) 72%,transparent);padding:14px}.field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--text)}.field-input{width:100%;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:10px 12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.field-value{font-size:13px;font-weight:700;color:var(--b1)}.checkbox-row{display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted)}.checkbox-row input{accent-color:var(--b1)}.result-box{margin-top:22px;border:1px solid rgba(149,255,202,.2);border-radius:18px;padding:18px;background:linear-gradient(180deg,#133326b3,#0b1b14eb);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.result-copy h3{margin:0 0 6px}.result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.result-preview{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}@media(max-width:980px){.editor-layout{grid-template-columns:1fr}.editor-header{flex-direction:column;align-items:stretch}}@media(max-width:640px){.field-grid{grid-template-columns:1fr}.preview-stage{min-height:300px}.editor-actions{width:100%;justify-content:stretch}.editor-actions>*{flex:1 1 100%;text-align:center}}
