dialog.ya-visual-share-studio{width:min(97vw,1320px);height:min(94dvh,920px);max-height:94dvh;padding:0;border:0;border-radius:26px;background:#fff;color:#171614;overflow:hidden;box-shadow:0 38px 130px rgba(0,0,0,.34)}
dialog.ya-visual-share-studio::backdrop{background:rgba(18,17,14,.68);backdrop-filter:blur(6px)}
.ya-vss{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;background:#fff}.ya-vss *{box-sizing:border-box}.ya-vss button,.ya-vss textarea{font:inherit}
.ya-vss__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px 15px 22px;border-bottom:1px solid #e7e2d9;background:#fff}.ya-vss__brand{display:grid;gap:2px;min-width:0}.ya-vss__brand span{font-size:.64rem;font-weight:950;letter-spacing:.16em;color:#8a6800}.ya-vss__brand strong{overflow:hidden;font-size:1.18rem;letter-spacing:-.022em;text-overflow:ellipsis;white-space:nowrap}.ya-vss__head-actions{display:flex;align-items:center;gap:8px}.ya-vss__format{padding:7px 10px;border-radius:999px;background:#f3f0e9;color:#6b655d;font-size:.72rem;font-weight:800;white-space:nowrap}.ya-vss__surprise{min-height:40px;padding:0 14px;border:1px solid #d9d4ca;border-radius:999px;background:#fff;color:#171614;font-size:.78rem;font-weight:900;cursor:pointer}.ya-vss__surprise:hover{background:#f7f4ee}.ya-vss__close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ded9cf;border-radius:50%;background:#f6f3ed;color:#171614;font-size:1.22rem;font-weight:800;cursor:pointer}.ya-vss__close:hover{background:#eee9df}
.ya-vss__main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:0;background:#f2eee5}.ya-vss__stage{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:16px 20px 20px;overflow:hidden;background:radial-gradient(circle at 48% 26%,#fff 0,#f8f5ee 39%,#ebe5da 100%)}.ya-vss__stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 12px;color:#69635b;font-size:.74rem;font-weight:800}.ya-vss__status{display:inline-flex;align-items:center;gap:6px;color:#736d64}.ya-vss__status:before{content:"";width:7px;height:7px;border-radius:50%;background:#53a36d}.ya-vss__stage.is-updating .ya-vss__status:before{background:#d9a600;animation:yaVssPulse .85s ease-in-out infinite}.ya-vss__stage.is-updating .ya-vss__status{color:#8a6800}@keyframes yaVssPulse{50%{opacity:.25;transform:scale(.72)}}
.ya-vss__preview-wrap{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}.ya-vss__preview-shell{position:relative;display:grid;place-items:center;width:auto;height:min(100%,650px);max-width:min(100%,520px);max-height:100%;aspect-ratio:4/5;border-radius:20px;background:#fff;box-shadow:0 24px 72px rgba(31,27,20,.20);overflow:hidden}.ya-vss__preview-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fffaf0,#f3eee5);opacity:1;transition:opacity .2s}.ya-vss__preview-shell.has-preview:before{opacity:0}.ya-vss__preview{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:transparent;transition:opacity .16s}.ya-vss__stage.is-updating .ya-vss__preview{opacity:.86}.ya-vss__error{position:absolute;z-index:3;inset:auto 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #e5c8c4;border-radius:14px;background:#fff8f7;color:#6b2d28;box-shadow:0 10px 30px rgba(90,40,34,.12);font-size:.76rem;font-weight:750}.ya-vss__error[hidden]{display:none}.ya-vss__error button{min-height:34px;padding:0 11px;border:0;border-radius:999px;background:#6b2d28;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}
.ya-vss__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border-left:1px solid #e1dcd2;background:#fff}.ya-vss__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 12px 0;background:#fff}.ya-vss__tab{min-height:42px;border:1px solid transparent;border-radius:12px;background:transparent;color:#746e65;font-size:.77rem;font-weight:900;cursor:pointer}.ya-vss__tab.is-active{border-color:#ded8ce;background:#f4f1eb;color:#171614}.ya-vss__panel-body{min-height:0;padding:14px 16px 18px;overflow:auto}.ya-vss__pane{display:none;gap:20px}.ya-vss__pane.is-active{display:grid}.ya-vss__group{display:grid;gap:10px}.ya-vss__group-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.ya-vss__group-head>div{display:grid;gap:2px}.ya-vss__group-head strong{font-size:.86rem;font-weight:950}.ya-vss__group-head span{color:#817a71;font-size:.67rem;line-height:1.35}.ya-vss__link-btn{border:0;background:transparent;color:#8a6800;font-size:.7rem;font-weight:900;cursor:pointer;padding:2px}.ya-vss__themes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ya-vss__theme{display:grid;justify-items:center;gap:5px;min-width:0;padding:5px 3px 7px;border:1px solid transparent;border-radius:12px;background:transparent;color:#171614;cursor:pointer}.ya-vss__theme-swatch{position:relative;width:46px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--c1) 0 42%,var(--c2) 42% 73%,var(--c3) 73% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 2px 7px rgba(20,18,12,.06)}.ya-vss__theme b{max-width:62px;overflow:hidden;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.ya-vss__theme.is-active{border-color:#c99c00;background:#fff8dd}.ya-vss__theme.is-active .ya-vss__theme-swatch{box-shadow:0 0 0 2px #f4c63d,inset 0 0 0 1px rgba(0,0,0,.05)}
.ya-vss__layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ya-vss__layout{display:grid;gap:7px;padding:9px 8px 8px;border:1px solid #ddd8ce;border-radius:14px;background:#faf8f4;color:#171614;text-align:left;cursor:pointer}.ya-vss__layout-preview{display:grid;align-content:space-between;height:66px;padding:8px;border-radius:9px;background:#fff;border:1px solid #e3dfd7}.ya-vss__layout-preview i,.ya-vss__layout-preview b{display:block;border-radius:999px;background:#171614}.ya-vss__layout-preview i{width:52%;height:5px}.ya-vss__layout-preview b{width:82%;height:18px}.ya-vss__layout[data-vss-layout="poster"] .ya-vss__layout-preview{background:#f4c63d}.ya-vss__layout[data-vss-layout="poster"] .ya-vss__layout-preview b{height:24px}.ya-vss__layout[data-vss-layout="paper"] .ya-vss__layout-preview{border-left:7px solid #d8a400}.ya-vss__layout strong{font-size:.68rem;font-weight:900}.ya-vss__layout.is-active{border-color:#171614;box-shadow:0 0 0 1px #171614;background:#fff}
.ya-vss__textarea-wrap{position:relative}.ya-vss__textarea{width:100%;min-height:180px;max-height:280px;resize:vertical;padding:13px 14px 34px;border:1px solid #dad5cc;border-radius:15px;background:#fbfaf7;color:#171614;font-size:.86rem;line-height:1.55;outline:none}.ya-vss__textarea:focus{border-color:#b98c00;box-shadow:0 0 0 3px rgba(244,198,61,.19)}.ya-vss__counter{position:absolute;right:11px;bottom:9px;color:#918a81;font-size:.63rem;font-weight:800}.ya-vss__segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ya-vss__segmented.is-two{grid-template-columns:repeat(2,1fr)}.ya-vss__segment{min-height:40px;padding:0 8px;border:1px solid #ddd8cf;border-radius:11px;background:#f8f6f2;color:#171614;font-size:.7rem;font-weight:850;cursor:pointer}.ya-vss__segment.is-active{border-color:#171614;background:#171614;color:#fff}
.ya-vss__toggles{display:grid;gap:8px}.ya-vss__toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 2px;border-bottom:1px solid #f0ece5;font-size:.76rem;font-weight:800}.ya-vss__toggle:last-child{border-bottom:0}.ya-vss__switch{position:relative;flex:0 0 auto;width:42px;height:24px}.ya-vss__switch input{position:absolute;opacity:0;pointer-events:none}.ya-vss__switch span{position:absolute;inset:0;border-radius:999px;background:#d7d2c9;transition:.18s}.ya-vss__switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s}.ya-vss__switch input:checked+span{background:#171614}.ya-vss__switch input:checked+span:after{transform:translateX(18px)}.ya-vss__note{padding:11px 12px;border-radius:13px;background:#f5f2ec;color:#746d64;font-size:.68rem;line-height:1.45}.ya-vss__panel-foot{padding:10px 14px 13px;border-top:1px solid #eee9e1;background:#fff;color:#8a837a;font-size:.64rem;line-height:1.4}
.ya-vss__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid #e4dfd6;background:#fff}.ya-vss__message{min-width:0;flex:1;margin:0;color:#716b63;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ya-vss__foot-actions{display:flex;align-items:center;gap:8px}.ya-vss__foot button{min-height:44px;padding:0 15px;border:1px solid #d8d2c8;border-radius:999px;background:#fff;color:#171614;font-size:.77rem;font-weight:900;cursor:pointer}.ya-vss__foot button:hover{background:#f7f4ee}.ya-vss__foot .ya-vss__primary{border-color:#c99c00;background:#f4c63d}.ya-vss__foot .ya-vss__primary:hover{background:#efbd25}.ya-vss__foot .ya-vss__reset{border-color:transparent;color:#746e65;background:transparent}.ya-vss__foot .ya-vss__reset:hover{background:#f4f1eb}

@media (min-width:761px){
  dialog.ya-visual-share-studio{height:min(92dvh,880px);max-height:92dvh}
  .ya-vss__stage{padding:12px 18px 14px}
  .ya-vss__stage-head{padding-bottom:8px}
  .ya-vss__preview-wrap{padding:0 4px}
}
@media (min-width:761px) and (max-height:820px){
  dialog.ya-visual-share-studio{height:94dvh;max-height:94dvh;border-radius:22px}
  .ya-vss__head{padding:11px 16px 11px 20px}
  .ya-vss__brand strong{font-size:1.06rem}
  .ya-vss__close{width:36px;height:36px}
  .ya-vss__main{grid-template-columns:minmax(0,1fr) 380px}
  .ya-vss__stage{padding:10px 16px 12px}
  .ya-vss__panel-body{padding:11px 14px 13px}
  .ya-vss__pane{gap:14px}
  .ya-vss__panel-foot{padding:7px 12px 9px}
  .ya-vss__foot{padding:8px 14px}
  .ya-vss__foot button{min-height:40px}
}
@media (min-width:761px) and (max-height:700px){
  dialog.ya-visual-share-studio{height:96dvh;max-height:96dvh}
  .ya-vss__format{display:none}
  .ya-vss__stage-head{padding-bottom:5px}
  .ya-vss__tabs{padding-top:8px}
  .ya-vss__tab{min-height:38px}
  .ya-vss__panel-foot{display:none}
}
@media(max-width:980px){dialog.ya-visual-share-studio{width:min(98vw,1040px)}.ya-vss__main{grid-template-columns:minmax(0,1fr) 350px}.ya-vss__preview-shell{width:min(100%,460px)}}
@media(max-width:760px){dialog.ya-visual-share-studio{inset:0;width:100%;height:100dvh;max-height:none;margin:0;border-radius:0}.ya-vss__head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.ya-vss__brand span{font-size:.56rem}.ya-vss__brand strong{font-size:1rem}.ya-vss__format{display:none}.ya-vss__surprise{min-height:38px;padding:0 11px;font-size:.7rem}.ya-vss__close{width:38px;height:38px}.ya-vss__main{display:block;overflow:auto;background:#f2eee5}.ya-vss__stage{height:auto;min-height:470px;padding:10px 12px 16px;overflow:visible}.ya-vss__stage-head{padding-bottom:9px}.ya-vss__preview-wrap{overflow:visible}.ya-vss__preview-shell{width:min(100%,340px);height:auto;max-height:none}.ya-vss__panel{display:block;border-left:0;border-top:1px solid #ddd8cf}.ya-vss__tabs{position:sticky;top:0;z-index:4;padding:9px 10px 7px;background:#fff}.ya-vss__panel-body{padding:12px 13px 18px;overflow:visible}.ya-vss__panel-foot{display:none}.ya-vss__themes{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none}.ya-vss__themes::-webkit-scrollbar{display:none}.ya-vss__theme{flex:0 0 64px}.ya-vss__layouts{gap:7px}.ya-vss__textarea{min-height:150px;max-height:none}.ya-vss__foot{position:sticky;bottom:0;z-index:5;padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px rgba(30,27,20,.10)}.ya-vss__message{display:none}.ya-vss__foot-actions{width:100%;display:grid;grid-template-columns:auto 1fr 1fr}.ya-vss__foot button{min-height:44px;padding:0 10px;font-size:.72rem}}
@media(max-width:430px){.ya-vss__stage{min-height:425px}.ya-vss__preview-shell{width:min(100%,300px)}.ya-vss__surprise{font-size:0;width:38px;padding:0}.ya-vss__surprise:after{content:"✦";font-size:1rem}.ya-vss__layouts{grid-template-columns:repeat(3,minmax(0,1fr))}.ya-vss__layout{padding:7px 6px}.ya-vss__layout-preview{height:54px}.ya-vss__segmented{gap:5px}.ya-vss__segment{padding:0 5px;font-size:.65rem}}