.ws-workspace{min-height:100vh;background:#f7f8f2;color:#123e36;font-family:inherit}.ws-shell{width:min(1080px,100%);margin:0 auto;padding:24px 24px 80px}.ws-header{display:flex;align-items:center;gap:18px;margin-bottom:24px}.ws-header button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dbe6d9;border-radius:16px;background:#fff;color:#1b5949;cursor:pointer}.ws-header strong{font-size:21px}.ws-header span{margin-left:auto;color:#648278;font-size:14px}.ws-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.ws-progress>div{display:flex;align-items:center;gap:8px;color:#93a69b;font-size:14px;font-weight:700}.ws-progress i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e8eee5;color:#7d9788;font-style:normal}.ws-progress .active{color:#176c57}.ws-progress .active i{background:#dcf586;color:#124934}.ws-error{padding:14px 16px;margin-bottom:16px;border-radius:14px;background:#fff0e8;color:#9b3b21}.ws-panel{background:#fff;border:1px solid #e0eade;border-radius:28px;padding:32px;box-shadow:0 16px 40px rgba(22,74,50,.04)}.ws-eyebrow{display:flex;align-items:center;gap:8px;color:#25846a;font-size:14px;font-weight:700}.ws-panel h1{font-size:clamp(30px,4vw,46px);line-height:1.14;letter-spacing:-.04em;margin:15px 0 10px}.ws-lead{color:#6d857b;font-size:16px;line-height:1.6;margin:0 0 28px}.ws-label,.ws-fields label{display:block;font-weight:750;margin-bottom:10px}.ws-panel textarea,.ws-panel input,.ws-panel select{width:100%;border:1px solid #d4e1d5;border-radius:16px;background:#fcfdf9;color:#173f37;font:inherit;outline:none}.ws-panel textarea:focus,.ws-panel input:focus,.ws-panel select:focus{border-color:#45a789;box-shadow:0 0 0 3px #dff3e7}.ws-panel textarea{min-height:145px;padding:17px;resize:vertical;line-height:1.65}.ws-panel input,.ws-panel select{min-height:49px;padding:11px 14px}.ws-examples{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0 24px}.ws-examples span{font-size:13px;color:#627d71}.ws-examples button,.ws-page-tabs button{border:1px solid #dce8dd;border-radius:12px;background:#f6f9f4;color:#2d5b4f;padding:10px 12px;cursor:pointer;font:inherit;text-align:left}.ws-examples button{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.ws-count{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 28px}.ws-count div{display:grid;gap:4px}.ws-count small{color:#769086}.ws-count select{width:132px}.ws-primary,.ws-secondary,.ws-copy{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:16px;cursor:pointer;font:inherit;font-weight:750;min-height:52px;padding:10px 18px}.ws-primary{border:0;background:linear-gradient(105deg,#dff587,#d4f39f);color:#144b39;box-shadow:0 10px 24px rgba(94,142,31,.12)}.ws-primary:disabled{opacity:.48;cursor:not-allowed}.ws-secondary,.ws-copy{border:1px solid #d6e4d7;background:#fff;color:#21624f}.ws-panel>.ws-primary{width:100%}.ws-actions{display:flex;gap:12px;margin-top:30px}.ws-actions .ws-primary{flex:1}.ws-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.ws-options button{position:relative;border:1px solid #dce9df;background:#fbfdf9;padding:18px;border-radius:18px;text-align:left;cursor:pointer;color:#18483d;font:inherit;min-height:113px}.ws-options button.selected,.ws-styles button.selected,.ws-page-tabs button.selected{border-color:#70b78a;background:#edf8e4}.ws-options span{display:block;color:#67917c;font-size:12px;margin-bottom:9px}.ws-options b{font-size:16px;line-height:1.5}.ws-options svg{position:absolute;right:12px;top:12px;color:#388c5e}.ws-fields{display:grid;gap:15px}.ws-fields label{margin:0}.ws-fields input,.ws-fields textarea{display:block;margin-top:9px;font-weight:400}.ws-fields textarea{min-height:110px}.ws-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.ws-styles button{display:grid;gap:4px;text-align:left;border:1px solid #deeadf;border-radius:16px;background:#fafcf8;padding:14px;cursor:pointer;color:#245848;font:inherit}.ws-styles small{font-size:12px;color:#779185}.ws-page-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:7px;margin:18px 0}.ws-page-tabs button{white-space:nowrap;flex:0 0 auto}.ws-preview-layout{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:28px;align-items:start}.ws-preview{aspect-ratio:3/4;display:flex;flex-direction:column;border-radius:24px;padding:26px;box-shadow:0 16px 35px #173c2520;overflow:hidden}.ws-preview span{font-size:12px;opacity:.7}.ws-preview strong{font-size:30px;line-height:1.15;margin:auto 0 18px}.ws-preview p{font-size:17px;line-height:1.5}.ws-preview small{margin-top:auto;opacity:.68}.ws-preview.style-warm{background:radial-gradient(circle at 80% 37%,#efd2bb 0 23%,transparent 24%),linear-gradient(145deg,#fff8e7,#f3e2d6);color:#604230}.ws-preview.style-fresh{background:radial-gradient(circle at 85% 30%,#d9edb8 0 20%,transparent 21%),linear-gradient(145deg,#fbfff3,#e4efdb);color:#315544}.ws-preview.style-editorial{background:radial-gradient(circle at 80% 30%,#537a65 0 22%,transparent 23%),linear-gradient(145deg,#183f35,#28594d);color:#f8f5e8}.ws-bill{font-size:13px;color:#617d70;background:#f6f9f1;border-radius:12px;padding:12px;margin-top:20px}.ws-delivery{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:24px;align-items:start}.ws-delivery>img,.ws-wait{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:22px;background:#eef3e9}.ws-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#628477}.ws-wait svg{width:34px;height:34px;margin-bottom:12px}.ws-delivery>div+div{display:grid;gap:12px}.ws-delivery p{line-height:1.6;color:#667d72}.ws-publish{display:grid;gap:12px;background:#f7faf5;border:1px solid #e1eadf;border-radius:20px;padding:20px;margin-top:28px}.ws-publish>b{font-size:20px}.ws-publish p{margin:0;line-height:1.7;white-space:pre-wrap}.ws-publish span,.ws-publish small{color:#597a69}.ws-publish div{display:flex;flex-wrap:wrap;gap:8px}.ws-copy{min-height:40px;font-size:13px;padding:8px 11px}.ws-spin{animation:ws-spin 1s linear infinite}@keyframes ws-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.ws-shell{padding:12px 14px 85px}.ws-header{margin-bottom:17px;gap:10px}.ws-header button{width:40px;height:40px;border-radius:14px}.ws-header strong{font-size:17px}.ws-header span{font-size:12px}.ws-progress{margin-bottom:15px}.ws-progress>div{display:grid;justify-items:center;gap:4px;font-size:10px;text-align:center}.ws-progress i{width:25px;height:25px}.ws-panel{border-radius:24px;padding:20px 17px}.ws-panel h1{font-size:30px;margin:10px 0 8px}.ws-lead{font-size:13px;margin-bottom:18px}.ws-panel textarea{min-height:125px}.ws-examples{margin:10px 0 17px}.ws-examples span{width:100%}.ws-examples button{max-width:100%;font-size:11px;padding:8px 10px}.ws-count{margin:14px 0 20px}.ws-options{grid-template-columns:1fr;gap:7px}.ws-options button{min-height:68px;padding:10px 13px}.ws-options span{margin-bottom:2px}.ws-fields{gap:12px}.ws-styles{gap:6px}.ws-styles button{padding:9px;border-radius:12px}.ws-styles b{font-size:12px}.ws-styles small{font-size:10px}.ws-preview-layout,.ws-delivery{grid-template-columns:1fr}.ws-preview,.ws-delivery>img,.ws-wait{width:min(270px,100%);margin:0 auto}.ws-actions{position:sticky;bottom:8px;background:#ffffffed;padding:7px;border-radius:18px;z-index:2}.ws-actions button{font-size:13px;padding:9px}.ws-secondary{min-width:105px}.ws-publish{margin-top:18px;padding:15px}}
.ws-archived{max-width:800px}.ws-archived-image{display:block;width:min(340px,100%);aspect-ratio:3/4;object-fit:cover;border-radius:18px;margin:12px auto}.ws-archived>.ws-primary{margin-top:18px}
/* The new sticker workspace owns these styles; existing app pages keep their original CSS. */
.ws-content-preview{display:grid;gap:8px;padding:17px;border:1px solid #dce8db;border-radius:18px;background:#f8fbf4;min-width:0}
.ws-content-preview small,.ws-content-preview span{color:#658275}
.ws-content-preview b,.ws-publish-compact>b{font-size:17px;line-height:1.35}
.ws-content-preview p{margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ws-content-preview button,.ws-edit-link{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#197154;font:inherit;font-weight:750;text-align:left;cursor:pointer;padding:0}
.ws-stage-preview{display:grid;justify-items:center;gap:9px;min-height:0}
.ws-stage-preview .ws-preview{width:min(100%,260px)}
.ws-comment-inline{display:grid;gap:7px;font-weight:750;margin-top:12px}
.ws-comment-inline textarea{min-height:62px;max-height:90px;padding:10px 12px}
.ws-publish-compact{margin-top:15px;padding:14px;gap:8px}
.ws-publish-compact span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-sheet-backdrop{position:fixed;inset:0;z-index:1000;background:#153d3280;display:flex;align-items:end;justify-content:center}
.ws-sheet{display:flex;flex-direction:column;gap:15px;width:min(100%,650px);max-height:min(88dvh,780px);padding:20px 22px max(20px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -12px 50px #123a3033;color:#153d32;overflow:hidden}
.ws-sheet>header{display:flex;align-items:center;justify-content:space-between;flex:none;font-size:19px}
.ws-sheet>header button{border:0;background:#eff5ec;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#195843;cursor:pointer}
.ws-sheet .ws-fields,.ws-sheet-publish{min-height:0;overflow:auto;padding:2px 4px 8px 2px}
.ws-sheet input,.ws-sheet textarea{display:block;width:100%;margin-top:8px;border:1px solid #d4e1d5;border-radius:14px;background:#fcfdf9;padding:12px;font:inherit;color:#173f37}
.ws-sheet textarea{min-height:155px;resize:vertical}
.ws-sheet>.ws-primary{flex:none;width:100%}
.ws-sheet-publish{display:grid;gap:12px;white-space:pre-wrap;line-height:1.55}
.ws-sheet-publish p{margin:0}
.ws-sheet-publish span,.ws-sheet-publish small{color:#5a796b}
@media(max-width:650px){
  .ws-workspace{height:100dvh;min-height:0;overflow:hidden}
  .ws-shell{height:100%;display:flex;flex-direction:column;padding:10px 14px max(10px,env(safe-area-inset-bottom))}
  .ws-header{flex:none;gap:10px;margin-bottom:9px}
  .ws-header button{width:38px;height:38px;border-radius:12px;flex:none}
  .ws-header strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ws-header span{font-size:11px;white-space:nowrap}
  .ws-progress{flex:none;gap:3px;margin-bottom:10px}
  .ws-progress>div{gap:3px;font-size:11px;white-space:nowrap}
  .ws-progress i{width:23px;height:23px;flex:none;font-size:11px}
  .ws-panel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:15px 14px;border-radius:20px}
  .ws-panel h1{font-size:25px;margin:6px 0 5px;letter-spacing:-.03em}
  .ws-eyebrow{font-size:11px}
  .ws-lead{font-size:12px;line-height:1.4;margin-bottom:11px}
  .ws-actions{position:static;flex:none;margin-top:auto;padding-top:9px;background:transparent;gap:8px}
  .ws-primary,.ws-secondary{min-height:43px;border-radius:13px;padding:8px;font-size:13px}
  .ws-actions .ws-secondary{min-width:92px}
  .ws-step-2 .ws-options{grid-template-columns:1fr;gap:5px;margin-bottom:10px}
  .ws-step-2 .ws-options button{min-height:0;padding:8px 32px 8px 11px;border-radius:12px}
  .ws-step-2 .ws-options span{display:inline;margin:0 7px 0 0;font-size:11px}
  .ws-step-2 .ws-options b{display:inline;font-size:13px;line-height:1.25}
  .ws-step-2 .ws-options svg{right:9px;top:50%;transform:translateY(-50%);width:17px}
  .ws-step-2 .ws-content-preview{gap:5px;padding:11px 12px;min-height:0}
  .ws-step-2 .ws-content-preview small,.ws-step-2 .ws-content-preview span{font-size:11px}
  .ws-step-2 .ws-content-preview b{font-size:14px}
  .ws-step-2 .ws-content-preview p{font-size:12px;-webkit-line-clamp:2}
  .ws-step-2 .ws-content-preview button{font-size:12px}
  .ws-step-3 .ws-styles{gap:5px;margin-bottom:7px}
  .ws-step-3 .ws-styles button{padding:7px;border-radius:10px;min-width:0}
  .ws-step-3 .ws-styles b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ws-step-3 .ws-styles small{display:none}
  .ws-step-3 .ws-page-tabs,.ws-step-4 .ws-page-tabs{margin:4px 0 7px;padding-bottom:4px}
  .ws-step-3 .ws-page-tabs button,.ws-step-4 .ws-page-tabs button{padding:6px 8px;font-size:11px}
  .ws-step-3 .ws-stage-preview{gap:5px}
  .ws-step-3 .ws-stage-preview .ws-preview{width:auto;height:min(27dvh,225px);aspect-ratio:3/4;padding:13px;border-radius:14px}
  .ws-step-3 .ws-stage-preview .ws-preview strong{font-size:19px;margin:auto 0 6px}
  .ws-step-3 .ws-stage-preview .ws-preview p{font-size:11px;line-height:1.25;margin:0}
  .ws-step-3 .ws-stage-preview .ws-preview span,.ws-step-3 .ws-stage-preview .ws-preview small{font-size:9px}
  .ws-step-3 .ws-edit-link{font-size:11px}
  .ws-step-3 .ws-comment-inline{font-size:11px;margin-top:7px;gap:3px}
  .ws-step-3 .ws-comment-inline textarea{min-height:48px;max-height:48px;padding:6px 9px;font-size:11px;line-height:1.3}
  .ws-step-4 .ws-delivery{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:0}
  .ws-step-4 .ws-delivery>img,.ws-step-4 .ws-wait{width:auto;height:min(29dvh,240px);aspect-ratio:3/4;border-radius:12px}
  .ws-step-4 .ws-delivery>div+div{display:flex;align-items:center;gap:6px;max-width:100%;font-size:11px}
  .ws-step-4 .ws-delivery>div+div>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ws-step-4 .ws-delivery>div+div>p{display:none}
  .ws-step-4 .ws-delivery .ws-copy{min-height:30px;padding:4px 7px;white-space:nowrap}
  .ws-step-4 .ws-publish-compact{margin-top:8px;padding:8px;gap:4px;border-radius:12px}
  .ws-step-4 .ws-publish-compact>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ws-step-4 .ws-publish-compact>span,.ws-step-4 .ws-publish-compact .ws-edit-link{font-size:10px}
  .ws-step-4 .ws-publish-compact>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  .ws-step-4 .ws-publish-compact .ws-copy{min-height:30px;padding:3px;font-size:10px;gap:2px;white-space:nowrap}
  .ws-step-4 .ws-publish-compact .ws-copy svg{width:11px;height:11px}
  .ws-step-4 .ws-actions{padding-top:6px}
}
@media(max-width:650px) and (max-height:700px){
  .ws-step-3 .ws-stage-preview .ws-preview{height:22dvh}
  .ws-step-4 .ws-delivery>img,.ws-step-4 .ws-wait{height:24dvh}
  .ws-step-3 .ws-panel h1,.ws-step-4 .ws-panel h1{font-size:22px}
  .ws-step-3 .ws-lead,.ws-step-4 .ws-lead{margin-bottom:6px}
}