.ai3d-work-submit-page {
  width: 100%;
  min-height: calc(100dvh - 170px);
  background: transparent;
  color: inherit;
}

.ai3d-work-submit-layout,
.ai3d-work-submit-layout .aixzd-shell,
.ai3d-work-submit-layout .aixzd-content-panel {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.ai3d-work-submit-layout > .aixzd-home-nav-content {
  width: 100%;
  max-width: none;
  min-width: 0;
}

@media (min-width: 768px) {
  .ai3d-work-submit-layout > .aixzd-home-nav-content {
    width: calc(100% - var(--aixzd-sidebar-width, 175px));
  }

  .hs-overlay-minified .ai3d-work-submit-layout > .aixzd-home-nav-content {
    width: calc(100% - var(--aixzd-sidebar-width-minified, 72px));
  }
}

.ai3d-work-submit-shell {
  width: 100%;
  margin: 0;
  padding: 0 0 40px;
}

.ai3d-work-submit-form {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 32%);
  gap: 18px;
  align-items: start;
}

.ai3d-work-submit-main,
.ai3d-work-submit-side {
  display: grid;
  gap: 18px;
}

.ai3d-work-submit-card,
.ai3d-work-submit-login {
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .035);
}

.ai3d-work-submit-card {
  padding: 18px;
}

.ai3d-work-submit-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}

.ai3d-work-submit-card-head span,
.ai3d-work-submit-field > span:not(.ai3d-work-submit-select) {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}

.ai3d-work-submit-card-head small {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 650;
}

.ai3d-work-submit-field {
  display: grid;
  gap: 8px;
}

.ai3d-work-submit-field + .ai3d-work-submit-field {
  margin-top: 16px;
}

.ai3d-work-submit-field > input,
.ai3d-work-submit-field > select,
.ai3d-work-submit-select select,
.ai3d-work-submit-field > textarea {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 14px;
  line-height: 1.55;
  outline: none;
  box-shadow: none;
}

.ai3d-work-submit-field > input,
.ai3d-work-submit-field > select,
.ai3d-work-submit-select select {
  min-height: 42px;
  padding: 0 12px;
}

.ai3d-work-submit-select {
  position: relative;
  display: block;
}

.ai3d-work-submit-select::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #64748b;
  border-bottom: 1.5px solid #64748b;
  content: "";
  pointer-events: none;
  transform: translateY(-70%) rotate(45deg);
}

.ai3d-work-submit-select select {
  appearance: none;
  padding-right: 42px;
  background: #fbfcfd;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ai3d-work-submit-select:hover select {
  border-color: rgba(15, 23, 42, .2);
  background: #fff;
}

.ai3d-work-submit-field > textarea {
  min-height: 140px;
  padding: 12px;
  resize: vertical;
}

.ai3d-work-submit-field > input:focus,
.ai3d-work-submit-field > select:focus,
.ai3d-work-submit-select select:focus,
.ai3d-work-submit-field > textarea:focus {
  border-color: rgba(15, 23, 42, .12);
  box-shadow: 0 0 0 2px rgba(15, 23, 42, .08);
}

.ai3d-work-submit-drop {
  display: grid;
  place-items: center;
  min-height: 190px;
  border: 1px dashed rgba(15, 23, 42, .22);
  border-radius: 8px;
  background: #fafafa;
  cursor: pointer;
}

.ai3d-work-submit-drop input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.ai3d-work-submit-drop span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 15px;
  border-radius: 999px;
  background: #111827;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.ai3d-work-submit-media-card.has-images .ai3d-work-submit-drop {
  display: none;
}

.ai3d-work-submit-previews {
  display: none;
  flex-wrap: wrap;
  gap: 10px;
}

.ai3d-work-submit-media-card.has-images .ai3d-work-submit-previews {
  display: flex;
}

.ai3d-work-submit-preview {
  position: relative;
  overflow: hidden;
  flex: 0 0 124px;
  width: 124px;
  height: 124px;
  border-radius: 8px;
  background: #f1f5f9;
  cursor: grab;
  user-select: none;
  touch-action: auto;
  transition: opacity .14s ease, box-shadow .14s ease;
  contain: layout paint;
  will-change: transform;
}

.ai3d-work-submit-preview:active {
  cursor: grabbing;
}

body.ai3d-work-images-sorting,
body.ai3d-work-images-sorting .ai3d-work-submit-previews,
body.ai3d-work-images-sorting .ai3d-work-submit-preview,
body.ai3d-work-images-sorting .ai3d-work-submit-preview * {
  cursor: grabbing !important;
}

.ai3d-work-submit-preview.is-dragging {
  border-color: rgba(15, 23, 42, .12);
  background: #fff;
  box-shadow: none;
}

.ai3d-work-submit-preview.is-dragging > * {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ai3d-work-submit-preview {
    transition: opacity .14s ease, box-shadow .14s ease;
  }
}

.ai3d-work-submit-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ai3d-work-submit-preview-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(17, 24, 39, .86);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.ai3d-work-submit-add-image {
  display: grid;
  place-items: center;
  flex: 0 0 124px;
  width: 124px;
  height: 124px;
  border: 1px dashed rgba(15, 23, 42, .2);
  border-radius: 8px;
  background: #fafafa;
  color: #94a3b8;
  cursor: pointer;
}

.ai3d-work-submit-add-image::before {
  content: "+";
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
}

.ai3d-work-submit-add-image:hover {
  border-color: rgba(15, 23, 42, .38);
  color: #475569;
}

.ai3d-work-submit-editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ai3d-work-submit-editor-head > span {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
}

.ai3d-work-submit-editor-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 14px;
}

.ai3d-work-submit-editor-tools label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.ai3d-work-submit-editor-tools button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #111827;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.ai3d-work-submit-editor-canvas {
  width: 100%;
  min-height: 180px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 14px;
  line-height: 1.55;
  outline: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ai3d-work-submit-editor-canvas:focus {
  border-color: rgba(15, 23, 42, .12);
  box-shadow: 0 0 0 2px rgba(15, 23, 42, .08);
}

.ai3d-work-submit-editor-canvas:empty::before {
  color: #94a3b8;
  content: attr(data-placeholder);
  pointer-events: none;
}

.ai3d-work-submit-prompt-block {
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 7px;
  background: #f6f7f9;
}

.ai3d-work-submit-prompt-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  padding: 0 10px 0 12px;
  border-bottom: 1px solid rgba(15, 23, 42, .09);
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.ai3d-work-submit-prompt-remove {
  border: 0;
  background: transparent;
  color: #94a3b8;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.ai3d-work-submit-prompt-remove:hover {
  color: #dc2626;
}

.ai3d-work-submit-prompt-input {
  display: block;
  width: 100%;
  min-height: 92px;
  padding: 12px;
  overflow-y: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111827;
  font: inherit;
  font-size: 14px;
  line-height: 1.55;
  outline: none;
  resize: none;
  box-shadow: none;
}

.ai3d-work-submit-side {
  position: sticky;
  top: 92px;
  align-self: start;
}

.ai3d-work-submit-message {
  min-height: 22px;
  margin-bottom: 12px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.55;
}

.ai3d-work-submit-message[data-type="success"] {
  color: #047857;
}

.ai3d-work-submit-message[data-type="error"] {
  color: #dc2626;
}

.ai3d-work-submit-status button,
.ai3d-work-submit-status-link,
.ai3d-work-submit-login a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}

.ai3d-work-submit-status-link {
  margin-top: 10px;
}

.ai3d-work-submit-status button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.ai3d-work-submit-login {
  max-width: 520px;
  padding: 28px;
}

.ai3d-work-submit-login h2 {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.25;
}

.ai3d-work-submit-login p {
  margin: 0 0 18px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 900px) {
  .ai3d-work-submit-shell {
    width: 100%;
    padding-top: 4px;
  }

  .ai3d-work-submit-form {
    grid-template-columns: 1fr;
  }

  .ai3d-work-submit-editor-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ai3d-work-submit-editor-tools {
    justify-content: flex-start;
  }

  .ai3d-work-submit-side {
    position: static;
  }
}

/* Inspiration creator workspace: same neutral surfaces as the public site. */
.ai3d-work-submit-page { --publish-surface:#fff; --publish-raised:#f7f7f7; --publish-border:#e8e8e8; --publish-ink:#303030; --publish-muted:#737373; color:var(--publish-ink); }
.dark .ai3d-work-submit-page { --publish-surface:var(--bb-surface); --publish-raised:var(--bb-raised); --publish-border:var(--bb-border); --publish-ink:var(--bb-text); --publish-muted:var(--bb-text-muted); }
.ai3d-work-submit-shell { max-width:none; margin-inline:0; padding-bottom:48px; }
.ai3d-publish-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:0 0 24px; }
.ai3d-publish-heading p { font-size:12px; color:var(--publish-muted); margin:0 0 12px; letter-spacing:.08em; }
.ai3d-publish-heading h1 { font-size:30px; font-weight:700; letter-spacing:-.04em; line-height:1.3; margin:0 0 8px; color:var(--publish-ink); }
.ai3d-publish-heading span,.ai3d-publish-heading a { font-size:13px; color:var(--publish-muted); line-height:1.7; }
.ai3d-publish-heading a { white-space:nowrap; text-decoration:none; }
.ai3d-publish-heading a:hover { color:var(--publish-ink); }
.ai3d-work-submit-form { grid-template-columns:minmax(0,1fr) 300px; gap:24px; }
.ai3d-work-submit-main,.ai3d-work-submit-side { gap:20px; min-width:0; }
.ai3d-work-submit-page :is(.ai3d-work-submit-card,.ai3d-work-submit-login) { border:1px solid var(--publish-border); border-radius:16px; background:var(--publish-surface); box-shadow:none; padding:24px; }
.ai3d-work-submit-page :is(.ai3d-work-submit-card-head span,.ai3d-work-submit-field>span,.ai3d-work-submit-editor-head>span) { color:var(--publish-ink); font-weight:600; }
.ai3d-work-submit-card-head { flex-wrap:wrap; gap:6px 16px; margin-bottom:20px; }
.ai3d-work-submit-page :is(.ai3d-work-submit-card-head small,.ai3d-work-submit-editor-tools label,.ai3d-work-submit-message) { color:var(--publish-muted); font-weight:400; }
.ai3d-work-submit-page :is(.ai3d-work-submit-field>input,.ai3d-work-submit-select select,.ai3d-work-submit-editor-canvas) { border-color:var(--publish-border); background:var(--publish-raised); color:var(--publish-ink); border-radius:10px; }
.ai3d-work-submit-field>input { min-height:48px; }
.ai3d-work-submit-field+.ai3d-work-submit-field { margin-top:24px; }
.ai3d-work-submit-page .ai3d-work-submit-drop { min-height:260px; align-content:center; gap:12px; background:var(--publish-raised); border-color:var(--publish-border); border-radius:12px; color:var(--publish-muted); transition:border-color .2s; }
.ai3d-work-submit-drop:hover,.ai3d-work-submit-drop:focus-within { border-color:var(--publish-muted); }
.ai3d-publish-upload-icon { margin-bottom:4px; }
.ai3d-work-submit-drop strong { color:var(--publish-ink); font-size:16px; font-weight:600; }
.ai3d-work-submit-drop small { font-size:12px; }
.ai3d-work-submit-drop span { margin-top:6px; background:var(--publish-ink); color:var(--publish-surface); border-radius:8px; font-weight:500; padding:0 24px; min-height:40px; }
.ai3d-work-submit-editor-head { flex-wrap:wrap; }
.ai3d-work-submit-editor-tools { gap:10px; }
.ai3d-work-submit-page .ai3d-work-submit-editor-tools button { border-color:var(--publish-border); background:var(--publish-surface); color:var(--publish-ink); border-radius:7px; font-weight:500; }
.ai3d-work-submit-page .ai3d-work-submit-editor-canvas { min-height:240px; padding:16px; line-height:1.85; }
.ai3d-work-submit-editor-canvas:empty::before { color:var(--publish-muted); }
.ai3d-publish-aside-heading { padding:4px 2px 0; font-size:15px; font-weight:600; }
.ai3d-publish-aside-heading small { display:block; font-size:12px; color:var(--publish-muted); font-weight:400; margin-top:8px; }
.ai3d-work-submit-status h2 { font-size:16px; font-weight:600; margin:0 0 10px; color:var(--publish-ink); }
.ai3d-publish-note { font-size:12px; line-height:1.85; color:var(--publish-muted); margin:0; }
.ai3d-work-submit-message:empty { min-height:0; margin-bottom:18px; }
.ai3d-work-submit-page .ai3d-work-submit-status button { background:var(--publish-ink); color:var(--publish-surface); font-weight:600; min-height:46px; border-radius:10px; }
.ai3d-work-submit-page .ai3d-work-submit-status-link { background:transparent; color:var(--publish-muted); font-weight:400; font-size:12px; min-height:32px; }
.ai3d-work-submit-page :is(input,select,button,a,[contenteditable]):focus-visible { outline:2px solid var(--publish-muted); outline-offset:3px; }
.ai3d-work-submit-page .ai3d-work-submit-prompt-block { background:var(--publish-raised); border-color:var(--publish-border); }
.ai3d-work-submit-page :is(.ai3d-work-submit-prompt-block-head,.ai3d-work-submit-prompt-input) { color:var(--publish-ink); border-color:var(--publish-border); }
@media(max-width:1100px) { .ai3d-work-submit-form { grid-template-columns:minmax(0,1fr) 260px; gap:18px; } .ai3d-work-submit-page .ai3d-work-submit-card { padding:20px; } }
@media(max-width:900px) { .ai3d-work-submit-form { grid-template-columns:minmax(0,1fr); } .ai3d-publish-aside-heading { padding-top:8px; } }
@media(max-width:767px) { .ai3d-publish-heading { align-items:flex-start; flex-direction:column; gap:12px; padding:0 0 20px; } .ai3d-publish-heading h1 { font-size:26px; } .ai3d-work-submit-page .ai3d-work-submit-card { padding:18px; border-radius:12px; } .ai3d-work-submit-page .ai3d-work-submit-drop { min-height:230px; text-align:center; padding:18px; } .ai3d-work-submit-shell { padding-bottom:calc(96px + env(safe-area-inset-bottom)); } .ai3d-work-submit-preview,.ai3d-work-submit-add-image { flex-basis:104px; width:104px; height:104px; } }

/* One component, one boundary; dropdown options unfold inside the field. */
.ai3d-work-submit-page { --publish-border:#e4e4e4; }
.dark .ai3d-work-submit-page { --publish-border:#383838; }
.ai3d-work-submit-page .ai3d-work-submit-card { border:0; }
.ai3d-work-submit-page :is(.ai3d-work-submit-field>input,.ai3d-work-submit-editor-canvas) { border:2px solid var(--publish-border); box-shadow:none!important; outline:none!important; }
.ai3d-work-submit-page :is(.ai3d-work-submit-field>input,.ai3d-work-submit-editor-canvas):is(:focus,:focus-visible) { border-color:var(--publish-muted); box-shadow:none!important; outline:none!important; }
.ai3d-work-submit-page :is(.ai3d-work-submit-drop,.ai3d-work-submit-add-image,.ai3d-work-submit-prompt-block,.ai3d-work-submit-editor-tools button) { border-width:2px; }
.ai3d-work-submit-page .ai3d-work-submit-prompt-input:is(:focus,:focus-visible) { outline:0!important; box-shadow:none!important; }
.ai3d-work-submit-page .ai3d-work-submit-select.is-custom-select { display:block; border:2px solid var(--publish-border); border-radius:10px; background:var(--publish-raised); overflow:hidden; }
.ai3d-work-submit-page .is-custom-select::after { display:none; }
.ai3d-work-submit-page .is-custom-select select[hidden] { display:none!important; }
.ai3d-work-submit-page .ai3d-select-trigger { position:relative; display:block; width:100%; min-height:44px; padding:10px 38px 10px 14px; border:0!important; border-radius:0; background:transparent; color:var(--publish-ink); font:inherit; font-size:14px; font-weight:400; text-align:left; cursor:pointer; outline:0!important; box-shadow:none!important; }
.ai3d-select-trigger::after { content:''; position:absolute; right:17px; top:17px; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.ai3d-select-trigger[aria-expanded=true]::after { top:20px; transform:rotate(225deg); }
.ai3d-work-submit-page .ai3d-select-options { position:static; max-height:240px; overflow-y:auto; padding:0 6px 6px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.ai3d-select-options[hidden] { display:none; }
.ai3d-work-submit-page .ai3d-select-options button { position:relative; display:block; width:100%; min-height:40px; padding:9px 30px 9px 8px; border:0; border-radius:5px; background:transparent; color:var(--publish-ink); font:inherit; font-size:13px; font-weight:400; text-align:left; cursor:pointer; outline:0!important; box-shadow:none!important; }
.ai3d-work-submit-page .ai3d-select-options button:is(:hover,:focus) { background:var(--publish-surface); }
.ai3d-select-options button[aria-selected=true]::after { content:'✓'; position:absolute; right:10px; font-size:13px; }

/* Default boundaries stay thin; only the focused boundary is wider and pale. */
.ai3d-work-submit-page { --publish-border:#e8e8e8; --publish-focus:#c9c9c9; }
.dark .ai3d-work-submit-page { --publish-border:var(--bb-border); --publish-focus:#555555; }
.ai3d-work-submit-page :is(.ai3d-work-submit-field>input,.ai3d-work-submit-editor-canvas,.ai3d-work-submit-select.is-custom-select,.ai3d-work-submit-drop,.ai3d-work-submit-add-image,.ai3d-work-submit-prompt-block,.ai3d-work-submit-editor-tools button) { border-width:1px; }
.ai3d-work-submit-page :is(.ai3d-work-submit-field>input,.ai3d-work-submit-editor-canvas) { border-color:var(--publish-border); }
.ai3d-work-submit-page :is(.ai3d-work-submit-field>input,.ai3d-work-submit-editor-canvas):is(:focus,:focus-visible),
.ai3d-work-submit-page :is(.ai3d-work-submit-select.is-custom-select,.ai3d-work-submit-drop,.ai3d-work-submit-prompt-block):focus-within,
.ai3d-work-submit-page .ai3d-work-submit-editor-tools button:focus-visible { border-color:var(--publish-focus); outline:none!important; box-shadow:inset 0 0 0 1px var(--publish-focus)!important; }

/* Restore the slightly separated floating options panel. */
.ai3d-work-submit-page .ai3d-work-submit-select.is-custom-select { overflow:visible; }
.ai3d-work-submit-page .ai3d-select-options { position:absolute; top:calc(100% + 6px); left:-1px; right:-1px; z-index:30; max-height:240px; padding:5px; border:1px solid var(--publish-border); border-radius:10px; background:var(--publish-surface); box-shadow:0 4px 12px rgb(0 0 0 / 5%); }
.ai3d-work-submit-page .ai3d-select-options button:is(:hover,:focus) { background:var(--publish-raised); }

.ai3d-work-publish-banner { width:100%; margin:0 0 18px; overflow:hidden; border-radius:8px; background:var(--publish-raised); }
.ai3d-work-publish-banner img { display:block; width:100%; height:auto; aspect-ratio:2560 / 228; object-fit:cover; }
.ai3d-work-publish-banner img { object-position:center; }

/* Dropdowns keep their resting boundary; scrolling has no visible track. */
.ai3d-work-submit-page .ai3d-work-submit-select.is-custom-select:focus-within { border-color:var(--publish-border); outline:none!important; box-shadow:none!important; }
.ai3d-work-submit-page .ai3d-select-options { scrollbar-width:none; -ms-overflow-style:none; }
.ai3d-work-submit-page .ai3d-select-options::-webkit-scrollbar { display:none; width:0; height:0; }

.ai3d-work-submit-page .ai3d-work-submit-select.is-custom-select:is(:focus,:focus-visible,:focus-within,.is-open) { border:1px solid var(--publish-border)!important; outline:0!important; box-shadow:none!important; --tw-ring-shadow:0 0 transparent; --tw-ring-offset-shadow:0 0 transparent; }
.ai3d-work-submit-page .ai3d-work-submit-select.is-custom-select .ai3d-select-trigger:is(:focus,:focus-visible,:active,[aria-expanded=true]) { border:0!important; outline:0!important; box-shadow:none!important; }

/* Stronger focus only for title and body, not dropdowns. */
.ai3d-work-submit-page { --publish-editor-focus:#ababab; }
.dark .ai3d-work-submit-page { --publish-editor-focus:#666666; }
.ai3d-work-submit-page :is(input[name="title"],.ai3d-work-submit-editor-canvas):is(:focus,:focus-visible) { border-color:var(--publish-editor-focus); outline:none!important; box-shadow:inset 0 0 0 1px var(--publish-editor-focus)!important; }