dialog.studio-image-viewer.studio-cardnews[open]{gap:var(--writy-space-5);flex-direction:column;display:flex}.studio-cardnews>header .studio-button.is-large{margin:0}.studio-image-viewer.studio-cardnews header .studio-cardnews-done{margin-left:auto}.studio-cardnews-strip{flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);min-height:0;display:grid;position:relative}.studio-cardnews-row{align-items:center;gap:var(--writy-space-5);min-height:0;padding-bottom:var(--writy-space-3);flex:1;display:flex;overflow-x:auto;container-type:size}.studio-image-viewer button.studio-cardnews-card{gap:var(--writy-space-3);cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;width:auto;height:100cqh;padding:0;display:flex}.studio-cardnews-card canvas{aspect-ratio:3/4;min-height:0;height:calc(100cqh - var(--writy-space-3) - 20px);border-radius:var(--writy-radius-compact);background:var(--writy-overlay-white-10);box-shadow:0 0 0 var(--writy-stroke) var(--writy-overlay-white-10);flex:1;display:block}.studio-image-viewer button.studio-cardnews-card:hover:not(:disabled) canvas{box-shadow:0 0 0 var(--writy-stroke) var(--writy-overlay-white-70)}.studio-cardnews-card span{color:var(--writy-overlay-white-70);font:var(--writy-type-caption);text-align:left}.studio-cardnews-row>.studio-photo-editor-status{flex:1;position:static}.studio-image-viewer button.studio-cardnews-scroll{top:calc((100% - var(--writy-space-3) * 2 - 20px) / 2);z-index:1;background:var(--writy-overlay-black-80);-webkit-backdrop-filter:blur(var(--writy-glass-blur));backdrop-filter:blur(var(--writy-glass-blur));box-shadow:0 0 0 var(--writy-stroke) var(--writy-overlay-white-20);position:absolute;transform:translateY(-50%)}.studio-image-viewer button.studio-cardnews-scroll:hover:not(:disabled){background:var(--writy-overlay-black-90)}.studio-cardnews-scroll.is-prev{left:var(--writy-space-3)}.studio-cardnews-scroll.is-next{right:var(--writy-space-3)}.studio-cardnews-globals{gap:var(--writy-space-3);flex-wrap:wrap;flex:none;display:flex}.studio-cardnews-globals>*{flex:260px}.studio-cardnews .studio-photo-editor-note{text-align:left}.studio-cardnews-editor{gap:var(--writy-space-8);flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.studio-cardnews-stage{grid-template-columns:var(--writy-round-button-size) minmax(0, 1fr) var(--writy-round-button-size);align-items:center;gap:var(--writy-space-4);min-height:0;display:grid}.studio-cardnews-frame{aspect-ratio:3/4;border-radius:var(--writy-radius-compact);background:var(--writy-overlay-white-10);justify-self:center;max-width:100%;height:100%;max-height:100%;overflow:hidden}.studio-cardnews-frame canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.studio-cardnews-frame canvas:active{cursor:grabbing}.studio-cardnews-frame canvas.is-fixed{cursor:default}.studio-cardnews-tools{gap:var(--writy-space-3);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.studio-cardnews-tools>*{flex:none}.studio-cardnews-tools>h3{margin:var(--writy-space-3) 0 0;color:var(--writy-overlay-white-70);font:var(--writy-type-caption)}.studio-cardnews-segment>span{flex:1}.studio-image-viewer .studio-cardnews-segment button{flex:none;width:auto}.studio-cardnews-turns{gap:var(--writy-space-3);display:flex}.studio-image-viewer .studio-cardnews-turns>.studio-button.studio-button{flex:1 1 0}.studio-cardnews-field{box-sizing:border-box;align-items:center;gap:var(--writy-space-3);min-height:var(--writy-button-l-height);padding:0 var(--writy-space-5);border-radius:var(--writy-radius-control);background:var(--writy-overlay-white-10);color:var(--writy-overlay-white-70);font:var(--writy-font-weight-medium) var(--writy-font-size-label)/1.4 var(--writy-font-body);flex:none;display:flex}.studio-cardnews-field.is-multiline{padding-top:var(--writy-space-4);padding-bottom:var(--writy-space-4);align-items:flex-start}.studio-cardnews-field>span{white-space:nowrap;flex:none}.studio-cardnews-caption{flex:none}.studio-image-viewer .studio-cardnews-caption textarea{white-space:pre-wrap;overflow-y:auto;max-height:calc(var(--writy-button-l-height) * 3)!important}.studio-cardnews-globals>.studio-cardnews-field{flex:260px}.studio-image-viewer .studio-cardnews-field :is(input,textarea,select){resize:none;flex:1;min-width:0;margin:0;height:auto!important;min-height:0!important;box-shadow:none!important;color:var(--writy-color-card)!important;font:var(--writy-type-body)!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.studio-cardnews-field input::placeholder{color:var(--writy-overlay-white-20)}.studio-cardnews-actions{justify-content:flex-end;gap:var(--writy-space-3);flex:none;display:flex}.studio-image-viewer .studio-cardnews-actions>.studio-button.studio-button{min-width:112px}.studio-cardnews-status{color:var(--writy-overlay-white-70);font:var(--writy-type-caption);text-align:right;margin:0}@media (max-width:1180px){dialog.studio-image-viewer.studio-cardnews[open]{overflow-y:auto}.studio-cardnews-strip{flex:none}.studio-cardnews-row{flex:none;height:min(58dvh,560px)}.studio-cardnews-editor{flex:none;grid-template-columns:minmax(0,1fr)}.studio-cardnews-stage{height:min(60dvh,620px)}.studio-cardnews-tools{overflow:visible}}@media (max-width:767px){dialog.studio-image-viewer.studio-image-viewer.studio-cardnews{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:max(var(--writy-space-6), env(safe-area-inset-top)) var(--writy-space-6) max(var(--writy-space-6), env(safe-area-inset-bottom));border-radius:0;margin:0}.studio-cardnews-row{height:min(62dvh,460px)}.studio-cardnews-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto}.studio-cardnews-frame{grid-area:1/1/auto/-1;width:100%;height:auto}.studio-cardnews-stage>.studio-photo-viewer-nav:first-child{grid-row:2;justify-self:end}.studio-cardnews-stage>.studio-photo-viewer-nav:last-child{grid-row:2;justify-self:start}.studio-cardnews-actions{flex-wrap:wrap}.studio-image-viewer .studio-cardnews-actions>.studio-button.studio-button{flex:100%}.studio-cardnews-status{text-align:center}.studio-cardnews-caption{flex-direction:column;align-items:stretch}}.studio-cardnews-entry{justify-content:space-between;align-items:center;gap:var(--writy-space-3) var(--writy-space-5);flex-wrap:wrap;display:flex}.writy-v2 :is(.studio-writing-topbar-draft,.studio-draft-heading)>.studio-post-preview-open+.studio-cardnews-open{margin-left:var(--writy-space-3);flex:none}.writy-v2 .studio-draft-heading>.studio-cardnews-open{margin-block:calc(var(--writy-space-1) * -1)}.writy-v2 :is(.studio-writing-topbar-draft,.studio-draft-heading)>.studio-cardnews-open+.studio-expand-toggle{margin-left:var(--writy-space-5);position:static;transform:none}
.writy-v2 .studio-content.studio-content-cardnews{max-width:none;padding:0 0 calc(var(--writy-space-9) * 2)}.writy-v2 .studio-content-cardnews .v2-page{width:auto;padding:var(--writy-space-8) var(--writy-space-6) 0;margin:0}.writy-v2 .v2-cardnews-hint{margin:0 0 var(--writy-space-5);color:var(--writy-text-50);font:var(--writy-type-label)}.writy-v2 .v2-cardnews .v2-search-field{flex:auto;min-width:0}.writy-v2 .v2-cardnews-bundle .v2-cardnews-hint{margin-bottom:var(--writy-space-3)}.writy-v2 .v2-cardnews .v2-toolbar-button[aria-pressed=true]{background:var(--writy-neutral-06);color:var(--writy-text-100)}.writy-v2 .v2-cardnews-bundle .studio-button{flex:none;align-self:stretch;min-height:0}.writy-v2 .v2-cardnews .v2-record[aria-pressed]{grid-template-columns:auto 56px minmax(0,1fr) auto 16px}.writy-v2 .v2-cardnews-suggest{gap:var(--writy-space-2);min-width:0;margin-bottom:var(--writy-space-8);align-content:start;display:grid}.writy-v2 .v2-cardnews-suggest h2{color:var(--writy-text-100);font:var(--writy-type-card-title);margin:0}.writy-v2 .v2-cardnews-suggest>p{margin:0 0 var(--writy-space-3);color:var(--writy-text-50);font:var(--writy-type-label)}.writy-v2 .v2-cardnews-suggest>.studio-basic-manual-toggle{margin-bottom:var(--writy-space-3);justify-self:start}@media (min-width:1181px){.writy-v2 .studio-content-cardnews .v2-page{width:var(--writy-work-width);margin-left:var(--writy-work-offset);padding:var(--writy-space-8) 0 0}.writy-v2 .studio-mode-cardnews .v2-cardnews-suggest{top:calc(var(--writy-topbar-height) + 1px);width:var(--writy-guide-width);padding:var(--writy-space-7) var(--writy-space-8) var(--writy-space-8);overscroll-behavior:contain;border-left:var(--writy-stroke) solid var(--writy-neutral-06);background:var(--writy-color-card);margin:0;position:fixed;bottom:0;right:0;overflow-y:auto}}@media (max-width:1180px){.writy-v2 .v2-cardnews-suggest .v2-record-list{gap:var(--writy-space-3);scroll-snap-type:x proximity;border-top:0;display:flex;overflow-x:auto}.writy-v2 .v2-cardnews-suggest .v2-record-item{border:var(--writy-stroke) solid var(--writy-neutral-06);border-radius:var(--writy-radius-control);scroll-snap-align:start;flex:0 0 min(280px,85%)}.writy-v2 .v2-cardnews-suggest .v2-record{padding:var(--writy-space-3)}}@media (max-width:767px){.writy-v2 .v2-cardnews .v2-search-field{flex-basis:100%;order:-1}.writy-v2 .v2-cardnews-bundle .studio-button{flex:auto}}@media (min-width:768px) and (max-width:1180px){.writy-v2 .studio-content-cardnews .v2-page{max-width:calc(var(--writy-form-width) + var(--writy-space-8) * 2);padding-inline:var(--writy-space-8);margin-inline:auto}}