/* MAVARO's public promotion atelier. The editor and its saved work keep their own state. */
.atelier-page-heading { align-items:center; margin-bottom:25px; padding-bottom:0; }
.atelier-page-heading .studio-heading-aside { padding:0; }
.atelier-page-heading .studio-archive-link { padding:5px 0; min-height:44px; border:0; border-radius:0; background:none; color:#656c5e; font-size:12px; }
.atelier-page-heading .studio-kicker { font-size:12px; }
.atelier-page-heading .studio-kicker #storeContext { font-size:10px; letter-spacing:.07em; }
.studio-welcome.atelier-welcome { display:block; padding:0; margin:0; overflow:visible; border:0; border-radius:0; background:transparent; }
.studio-welcome.atelier-welcome[hidden] { display:none!important; }
.atelier-hero { display:grid; grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr); align-items:center; gap:60px; padding:24px 0 65px; }
.atelier-welcome .studio-welcome-start { padding:0 0 6px; min-width:0; }
.atelier-welcome .welcome-kicker { display:block; color:#8e785a; font:400 10px/1.6 Georgia,serif; letter-spacing:.15em; }
.atelier-welcome h2 { margin:25px 0 24px; color:#354638; font-family:var(--display); font-size:clamp(36px,3.65vw,49px); font-weight:400; line-height:1.48; letter-spacing:-.065em; word-break:keep-all; }
.atelier-welcome .welcome-description { max-width:400px; margin:0 0 29px; color:#717366; font-size:13px; line-height:1.95; letter-spacing:-.02em; word-break:keep-all; }
.atelier-welcome .welcome-actions { display:flex; flex-direction:column; align-items:flex-start; gap:13px; margin:0; }
.atelier-welcome .welcome-actions .primary { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; min-height:52px; padding:14px 21px; border:1px solid #354638; border-radius:3px; background:#354638; color:#fffdf4; font-size:14px; text-decoration:none; }
.atelier-welcome .welcome-actions .primary:hover { background:#475b45; border-color:#475b45; }
.atelier-welcome .welcome-actions .primary > span { font-size:19px; font-weight:300; }
.atelier-welcome .welcome-secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:44px; color:#646b5b; font-size:12px; text-decoration:none; }
.atelier-welcome .welcome-secondary:hover { color:#9a5738; }
.atelier-welcome .welcome-secondary > span { color:#8b7859; font-size:17px; }
.atelier-welcome .welcome-preparation { margin:4px 0 0; color:#8a897a; font-size:11px!important; line-height:1.7; }
.atelier-quiet-note { display:flex; align-items:center; gap:0; margin:23px 0 0 -20px; }
.atelier-welcome .studio-welcome-start .promotion-entry-sketch { width:205px; max-width:55%; margin:0; padding:0; flex:none; }
.atelier-quiet-note > p { margin:0 0 3px 0; color:#8b8d7b; font:400 11px/1.85 var(--display); letter-spacing:-.03em; }
.atelier-welcome .welcome-reassurance { margin:6px 0 0; font-size:10px; color:#939081; line-height:1.7; }
.atelier-welcome .atelier-feature { display:block; position:relative; min-width:0; padding:0; border-radius:0; background:transparent; }
.atelier-feature .showcase-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:0 0 17px; }
.atelier-feature .preview-kicker { color:#7a806c; font:400 10px/1.5 Georgia,serif; letter-spacing:.11em; }
.atelier-feature .showcase-heading h3 { width:100%; order:2; margin:0; color:#747969; font-family:inherit; font-size:11px; font-weight:400; line-height:1.6; letter-spacing:-.01em; }
.atelier-edition { color:#a19a88; font:400 9px/1.5 Georgia,serif; letter-spacing:.1em; }
.atelier-stage { position:relative; padding:0 0 38px 60px; }
.atelier-stage::before { content:""; position:absolute; top:50px; right:-17px; bottom:4px; left:88px; background:#e7e7da; z-index:0; }
.atelier-welcome .showcase-art { position:relative; z-index:1; width:100%; max-width:430px; margin:0 0 0 auto; aspect-ratio:4/5; border:0; box-shadow:0 12px 30px #35463813; background:#e6e4d9; overflow:hidden; }
.atelier-welcome .showcase-art canvas,.atelier-welcome .showcase-art img { width:100%; height:100%; display:block; object-fit:contain; }
.atelier-welcome #showcaseCanvas[data-showcase-status="loading"] { opacity:.35; }
.atelier-welcome .showcase-art [hidden] { display:none!important; }
.atelier-welcome .showcase-status { padding:25px; background:#eeeaddf5; color:#636d58; font-size:12px; line-height:1.9; }
.atelier-welcome .showcase-zoom { right:12px; bottom:12px; min-height:44px; padding:9px 14px; border:1px solid #ffffff75; border-radius:2px; background:#fbf9f0ed; color:#3d503c; box-shadow:none; font-size:11px; }
.atelier-welcome .showcase-zoom span { margin-left:12px; font-size:15px; }
.atelier-detail { position:absolute; z-index:2; bottom:3px; left:0; width:154px; margin:0; }
.atelier-detail > div { padding:7px; background:#f5f1e9; box-shadow:0 5px 18px #3546380d; }
.atelier-detail img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; object-position:center; }
.atelier-detail figcaption { margin:10px 0 0 7px; color:#7f846e; font:400 8px/1.6 Georgia,serif; letter-spacing:.09em; }
.atelier-detail figcaption span { display:block; margin-top:3px; color:#8e8d7c; font:400 10px/1.6 "Pretendard Variable",sans-serif; letter-spacing:0; }
.atelier-feature-caption { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:28px 0 0; padding:0 0 0 60px; }
.atelier-feature .showcase-caption { min-width:0; margin:0; }
.atelier-feature .showcase-caption strong { font-size:12px; font-weight:500; line-height:1.6; color:#4f5e48; }
.atelier-feature .showcase-caption p { margin:4px 0 0; color:#878675; font-size:10px; line-height:1.7; }
.atelier-feature .showcase-start { flex:none; width:auto; min-height:44px; padding:8px 0; border:0; background:transparent; font-size:11px; color:#53664b; white-space:nowrap; }
.atelier-feature .showcase-start:disabled { color:#9c9c8a; cursor:wait; }
.atelier-collection { padding:40px 0 0; border-top:1px solid #d8d6c8; }
.atelier-collection-head { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:28px; }
.atelier-eyebrow { display:block; color:#948169; font:400 9px/1.6 Georgia,serif; letter-spacing:.13em; }
.atelier-collection-head h3 { margin:10px 0 0; color:#354638; font:400 29px/1.6 var(--display); letter-spacing:-.055em; word-break:keep-all; }
.atelier-collection-head > p { margin:0 0 5px; color:#7c7e6e; font-size:12px; line-height:1.85; word-break:keep-all; }
.atelier-industry-row { display:flex; align-items:center; gap:28px; padding:0 0 21px; }
.atelier-control-label { flex:none; color:#8c8b7b; font-size:11px; }
.atelier-welcome .showcase-industries { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.atelier-welcome .showcase-industries button { flex:none; min-width:57px; min-height:44px; padding:9px 16px; border:1px solid #d5d6c7; border-radius:2px; color:#6a745d; background:transparent; font-size:12px; line-height:1.5; white-space:nowrap; }
.atelier-welcome .showcase-industries button:hover { background:#eceee2; border-color:#a9b09a; }
.atelier-welcome .showcase-industries button[aria-pressed="true"] { background:#e6e9dc; border-color:#798b70; color:#354638; }
.atelier-directions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; align-items:stretch; }
.atelier-direction { display:block; min-width:0; width:100%; padding:0; border:0; border-radius:0; color:#354638; background:transparent; text-align:left; cursor:pointer; }
.atelier-direction .direction-art { display:block; position:relative; aspect-ratio:4/5; background:#e7e6dc; overflow:hidden; box-shadow:0 0 0 1px #656e4420; }
.atelier-direction canvas { display:block; width:100%; height:auto; aspect-ratio:4/5; }
.atelier-direction .direction-selected { display:none; }
.atelier-direction .direction-selected i { font-size:11px; font-style:normal; }
.atelier-direction[aria-pressed="true"] .direction-art { box-shadow:0 0 0 2px #516649; }
.atelier-direction[aria-pressed="true"] .direction-copy { border-bottom-color:#516649; }
.atelier-direction[aria-pressed="true"] .direction-number { color:#516649; }
.atelier-direction[data-showcase-status="loading"] .direction-art::after,.atelier-direction[data-showcase-status="error"] .direction-art::after { content:"예시를 준비하고 있어요"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:20px; background:#eeeadff2; color:#7a806a; font-size:11px; line-height:1.8; text-align:center; }
.atelier-direction[data-showcase-status="error"] .direction-art::after { content:"눌러서 다시 불러오기 ↻"; }
.atelier-direction .direction-copy { display:flex; align-items:flex-start; gap:11px; min-height:85px; padding:17px 0 16px; border-bottom:1px solid #d3d4c5; }
.atelier-direction .direction-number { padding-top:4px; flex:none; color:#a38c6c; font:400 11px/1.5 Georgia,serif; }
.atelier-direction .direction-title { display:block; color:#45563c; font:400 18px/1.55 var(--display); letter-spacing:-.055em; word-break:keep-all; }
.atelier-direction .direction-hint { display:block; max-width:210px; margin:6px 0 0; color:#878675; font-size:10px; line-height:1.75; word-break:keep-all; }
.atelier-direction .direction-arrow { margin-left:auto; padding-top:2px; color:#839076; font-size:18px; }
.atelier-direction:hover .direction-title,.atelier-direction:hover .direction-arrow { color:#98694a; }
.atelier-direction:hover .direction-art { box-shadow:0 0 0 2px #8b9b7b; }
.atelier-collection-foot { display:flex; justify-content:space-between; gap:25px; padding:15px 0 0; }
.atelier-collection-foot .preview-disclaimer,.atelier-collection-foot > p { margin:0; color:#939080; text-align:left; font-size:10px; line-height:1.8; word-break:keep-all; }
.atelier-how { display:grid; grid-template-columns:.65fr 1.7fr; align-items:center; gap:30px; margin-top:42px; padding:27px 0 28px; border-block:1px solid #dedacd; }
.atelier-how > .atelier-eyebrow { max-width:185px; line-height:1.9; }
.atelier-how ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0; list-style:none; }
.atelier-how li { display:flex; align-items:flex-start; gap:12px; padding:0; border:0; }
.atelier-how li > span { padding-top:2px; color:#a08967; font:400 11px/1.6 Georgia,serif; }
.atelier-how p { margin:0; color:#8a8878; font-size:10px; line-height:1.8; word-break:keep-all; }
.atelier-how strong { display:block; margin-bottom:3px; color:#616e55; font-size:12px; font-weight:500; }
.atelier-welcome :is(a,button):focus-visible { outline:2px solid #9e7452; outline-offset:5px; }
.atelier-welcome [hidden] { display:none!important; }
.studio-editor-summary { border-radius:3px; }
.studio-editor[open] .input-panel,.studio-editor[open] .preview-panel { border-radius:4px; }

@media (max-width:1120px) {
  .atelier-hero { gap:35px; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
  .atelier-welcome h2 { font-size:39px; }
  .atelier-welcome .welcome-description { font-size:12px; }
  .atelier-welcome .welcome-description br { display:none; }
  .atelier-stage { padding-left:28px; padding-bottom:34px; }
  .atelier-stage::before { left:55px; right:-12px; }
  .atelier-detail { left:-12px; width:132px; }
  .atelier-feature-caption { padding-left:28px; display:block; margin-top:24px; }
  .atelier-feature .showcase-start { margin-top:5px; }
  .atelier-directions { gap:16px; }
  .atelier-direction .direction-copy { gap:8px; }
  .atelier-direction .direction-title { font-size:17px; }
  .atelier-collection-head h3 { font-size:27px; }
}
@media (max-width:850px) {
  .atelier-hero { gap:27px; padding-top:12px; padding-bottom:45px; }
  .atelier-welcome h2 { margin-top:21px; font-size:32px; }
  .atelier-welcome .welcome-kicker { font-size:9px; letter-spacing:.1em; }
  .atelier-welcome .welcome-actions .primary { min-height:50px; gap:23px; padding-inline:16px; font-size:12px; }
  .atelier-welcome .welcome-secondary { font-size:11px; }
  .atelier-quiet-note { margin-left:-15px; margin-top:15px; }
  .atelier-welcome .studio-welcome-start .promotion-entry-sketch { width:170px; max-width:65%; }
  .atelier-quiet-note > p { font-size:9px; }
  .atelier-stage { padding-left:13px; }
  .atelier-detail { width:112px; left:-8px; }
  .atelier-feature-caption { padding-left:13px; }
  .atelier-collection-head { align-items:flex-start; gap:23px; }
  .atelier-collection-head > p { max-width:240px; font-size:11px; }
  .atelier-collection-head > p br { display:none; }
  .atelier-industry-row { display:block; }
  .atelier-control-label { display:block; margin-bottom:10px; }
  .atelier-directions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
  .atelier-direction .direction-title { font-size:20px; }
  .atelier-direction .direction-hint { font-size:11px; }
  .atelier-direction .direction-copy { gap:12px; }
  .atelier-collection-foot { display:block; }
  .atelier-collection-foot > p + p { margin-top:4px; }
  .atelier-how { grid-template-columns:1fr; gap:20px; margin-top:32px; }
  .atelier-how > .atelier-eyebrow { max-width:none; }
}
@media (max-width:640px) {
  main { padding:22px 22px 30px; }
  .atelier-page-heading { display:flex; gap:12px; margin-bottom:18px; }
  .atelier-page-heading .studio-kicker { gap:7px; font-size:11px; }
  .atelier-page-heading .studio-kicker i { width:12px; }
  .atelier-page-heading .studio-kicker #storeContext { font-size:8px; letter-spacing:.02em; max-width:118px; overflow-wrap:anywhere; }
  .atelier-page-heading .studio-archive-link { gap:8px; font-size:10px; }
  .atelier-page-heading .studio-archive-link span { font-size:15px; }
  .atelier-hero { grid-template-columns:1fr; gap:33px; padding:10px 0 38px; }
  .atelier-welcome .studio-welcome-start { padding:0; }
  .atelier-welcome h2 { margin:19px 0 19px; font-size:clamp(31px,8.1vw,44px); line-height:1.48; }
  .atelier-welcome .welcome-description { max-width:370px; margin-bottom:24px; font-size:12px; }
  .atelier-welcome .welcome-description br { display:block; }
  .atelier-welcome .welcome-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:7px 20px; }
  .atelier-welcome .welcome-actions .primary { width:auto; min-height:50px; gap:27px; font-size:12px; }
  .atelier-welcome .welcome-secondary { gap:10px; font-size:10px; }
  .atelier-welcome .welcome-preparation { font-size:10px!important; margin-top:9px; }
  .atelier-quiet-note { margin:-3px 0 -6px auto; justify-content:flex-end; }
  .atelier-welcome .studio-welcome-start .promotion-entry-sketch { width:165px; max-width:55%; }
  .atelier-quiet-note > p { margin-right:15px; font-size:9px; }
  .atelier-welcome .welcome-reassurance { margin-top:-1px; font-size:9px; }
  .atelier-feature .showcase-heading { padding-top:20px; border-top:1px solid #dedacd; gap:6px; margin-bottom:15px; }
  .atelier-stage { max-width:450px; margin:auto; padding:0 12px 32px 28px; }
  .atelier-stage::before { inset:35px 0 0 60px; }
  .atelier-welcome .showcase-art { max-width:none; }
  .atelier-detail { bottom:0; left:0; width:31%; max-width:136px; }
  .atelier-detail > div { padding:5px; }
  .atelier-detail figcaption { margin-top:6px; margin-left:5px; font-size:7px; }
  .atelier-detail figcaption span { font-size:9px; margin-top:2px; }
  .atelier-feature-caption { display:flex; align-items:flex-start; gap:12px; margin-top:27px; padding-left:0; }
  .atelier-feature .showcase-caption strong { font-size:12px; }
  .atelier-feature .showcase-caption p { max-width:200px; font-size:10px; }
  .atelier-feature .showcase-start { margin-top:-7px; font-size:10px; }
  .atelier-collection { padding-top:28px; }
  .atelier-collection-head { display:block; margin-bottom:23px; }
  .atelier-collection-head h3 { font-size:27px; margin-top:7px; }
  .atelier-collection-head > p { margin-top:12px; max-width:330px; font-size:11px; }
  .atelier-control-label { font-size:10px; }
  .atelier-welcome .showcase-industries { flex-wrap:nowrap; gap:6px; max-width:100%; overflow-x:auto; padding:4px 2px 9px; margin-inline:-2px; scrollbar-width:thin; scrollbar-color:#bbc3ad transparent; }
  .atelier-welcome .showcase-industries button { min-width:50px; min-height:44px; padding:9px 12px; font-size:11px; }
  .atelier-industry-row { padding-bottom:13px; }
  .atelier-directions { gap:24px 14px; }
  .atelier-direction .direction-copy { min-height:82px; gap:7px; padding-top:14px; padding-bottom:12px; }
  .atelier-direction .direction-number { font-size:9px; padding-top:3px; }
  .atelier-direction .direction-title { font-size:17px; line-height:1.5; letter-spacing:-.06em; }
  .atelier-direction .direction-hint { margin-top:5px; font-size:9px; line-height:1.8; }
  .atelier-direction .direction-arrow { display:none; }
  .atelier-direction .direction-selected { min-height:25px; padding:5px 8px; font-size:8px; }
  .atelier-collection-foot { padding-top:13px; }
  .atelier-collection-foot .preview-disclaimer,.atelier-collection-foot > p { font-size:9px; }
  .atelier-how { margin-top:27px; padding:22px 0; gap:17px; }
  .atelier-how ol { gap:14px; }
  .atelier-how li { display:block; }
  .atelier-how li > span { display:block; margin-bottom:8px; font-size:10px; }
  .atelier-how p { font-size:9px; line-height:1.8; }
  .atelier-how strong { font-size:11px; margin-bottom:5px; }
}
@media (max-width:359px) {
  main { padding-inline:16px; }
  .atelier-welcome h2 { font-size:29px; }
  .atelier-welcome .welcome-description br { display:none; }
  .atelier-welcome .welcome-actions { gap:4px 15px; }
  .atelier-welcome .welcome-actions .primary { gap:20px; padding-inline:14px; }
  .atelier-welcome .welcome-secondary { gap:7px; font-size:9px; }
  .atelier-feature-caption { display:block; }
  .atelier-feature .showcase-start { margin-top:2px; }
  .atelier-direction .direction-copy { gap:5px; }
  .atelier-direction .direction-title { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .atelier-welcome *, .atelier-welcome *::before,.atelier-welcome *::after { scroll-behavior:auto; transition:none!important; }
}
.showcase-dialog .showcase-dialog-start { display:block; width:100%; min-height:48px; margin:18px 0 0; padding:12px 20px; border:1px solid #244838; border-radius:4px; background:#244838; color:#fffdf5; font-family:inherit; font-size:13px; font-weight:500; line-height:1.6; cursor:pointer; }
.showcase-dialog .showcase-dialog-start:hover { background:#18382b; }
.showcase-dialog .showcase-dialog-start:disabled { opacity:.5; cursor:wait; }
.showcase-dialog .showcase-dialog-start:focus-visible { outline:2px solid #244838; outline-offset:4px; }

/* A shorter path from choosing a scene to preparing the actual post. */
.promotion-resume { display:flex; align-items:center; gap:18px; margin:25px 0 8px; padding:18px 0; border-top:1px solid #d9dccd; border-bottom:1px solid #d9dccd; }
.promotion-resume[hidden],.promotion-completion[hidden] { display:none; }
.promotion-resume > div { flex:1; min-width:0; }
.promotion-resume .eyebrow { display:block; font-size:8px; letter-spacing:.12em; color:#7c856e; }
.promotion-resume strong { display:block; margin-top:6px; color:#294635; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
.promotion-resume p { margin:6px 0 0; font-size:11px; line-height:1.8; color:#75816e; }
.promotion-resume button { flex:none; min-height:44px; padding:10px 14px; font-size:11px; }
.creative-proposals[data-collection=concept] .creative-candidates { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.creative-proposals[data-collection=concept] .creative-candidate > strong { margin:14px 14px 4px; font-size:17px; line-height:1.5; }
.creative-proposals[data-collection=concept] .creative-candidate .candidate-reason { margin-inline:14px; font-size:11px; line-height:1.8; }
.creative-proposals[data-collection=concept] .creative-candidate .candidate-tag { margin-left:14px; }
.completion-workspace { min-width:0; }
body[data-output=online] .completion-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,360px); align-items:start; gap:30px; margin-top:24px; }
.completion-workspace .result-body { min-width:0; margin:0; }
.completion-workspace .export-panel { min-width:0; margin:0; padding:26px; background:#f6f6ee; border:1px solid #dce0d1; border-radius:12px; }
.completion-workspace .export-panel h2 { margin-top:7px; font-size:22px; font-weight:500; }
.completion-workspace .export-panel .eyebrow { color:#7d886f; font-size:9px; letter-spacing:.13em; }
.completion-workspace .publish-kit { padding:22px 0; margin:18px 0 12px; background:transparent; border:0; border-top:1px solid #d9dfd0; border-bottom:1px solid #d9dfd0; border-radius:0; }
.completion-workspace .publish-kit h3 { font-size:23px; }
.completion-workspace .publish-kit p { font-size:12px; line-height:1.8; }
.completion-workspace .publish-kit .eyebrow { display:none; }
.completion-workspace .confirm { align-items:flex-start; font-size:12px; line-height:1.8; }
.completion-workspace .confirm input { flex:none; margin-top:4px; }
.review-copy { display:flex; align-items:center; justify-content:space-between; width:100%; margin:15px 0 18px; padding:12px 0; border:0; border-top:1px solid #dde2d4; border-bottom:1px solid #dde2d4; border-radius:0; background:transparent; color:#31533c; font:inherit; font-size:12px; cursor:pointer; text-align:left; }
.review-copy:hover { color:#172f22; }
.review-copy:focus-visible { outline:2px solid #31533c; outline-offset:4px; }
.completion-workspace .export-actions { gap:8px; }
.completion-workspace .export-actions button { min-height:44px; padding:10px 12px; }
.completion-workspace .additional-export { margin-top:16px; }
.completion-workspace .save-row { flex-wrap:wrap; gap:12px; padding-top:18px; margin-top:20px; border-top:1px solid #d9dfd0; }
.completion-workspace .save-row > div { min-width:125px; flex:1; }
.completion-workspace .save-row button { flex:1; min-width:145px; padding:11px; }
.promotion-completion { margin-top:20px; padding:17px; background:#e8eddf; border-left:2px solid #4e6c42; color:#314a35; }
.promotion-completion strong { display:block; font-size:14px; font-weight:500; line-height:1.6; }
.promotion-completion p { margin:8px 0 0; font-size:11px; line-height:1.9; }
body[data-output=print] .completion-workspace .export-panel { margin-top:20px; }
body[data-output=print] .review-copy { display:none; }
@media (max-width:1050px) {
 .creative-proposals[data-collection=concept] .creative-candidates { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
 body[data-output=online] .completion-workspace { grid-template-columns:minmax(0,1fr) minmax(280px,320px); gap:22px; }
 .completion-workspace .export-panel { padding:22px; }
 .completion-workspace .preview-stage { padding:18px; }
}
@media (max-width:780px) {
 body[data-output=online] .completion-workspace { grid-template-columns:minmax(0,1fr); gap:22px; }
 .completion-workspace .export-panel { padding:23px; }
 .promotion-resume { align-items:flex-start; flex-direction:column; gap:12px; }
 .promotion-resume button { width:100%; text-align:left; }
}
@media (max-width:560px) {
 .creative-proposals[data-collection=concept] .creative-candidates { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .creative-proposals[data-collection=concept] .creative-candidate > strong { margin:11px 10px 4px; font-size:14px; }
 .creative-proposals[data-collection=concept] .creative-candidate .candidate-reason { margin-inline:10px; font-size:10px; }
 .creative-proposals[data-collection=concept] .creative-candidate .candidate-tag { margin-left:10px; font-size:9px; }
 .completion-workspace .export-panel { padding:20px; }
 .completion-workspace .preview-stage { padding:12px; }
}

.preview-adjustments { margin:16px 0 20px; border-top:1px solid #d9dfd0; border-bottom:1px solid #d9dfd0; }
.preview-adjustments[hidden] { display:none; }
.preview-adjustments > summary { display:flex; align-items:center; justify-content:space-between; padding:15px 0; color:#50644b; list-style:none; font-size:12px; cursor:pointer; }
.preview-adjustments > summary::-webkit-details-marker { display:none; }
.preview-adjustments > summary:focus-visible { outline:2px solid #31533c; outline-offset:3px; }
.preview-adjustments[open] > summary span { transform:rotate(45deg); }
.preview-adjustments .feed-guide { margin:4px 0 16px; }
.preview-adjustments .feed-note-editor { margin-top:0; }
.preview-adjustments .signature-photo-controls { margin-bottom:18px; }