.ty-bar{background:var(--pr-panel);border-bottom:1px solid var(--pr-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.ty-bar-left,.ty-bar-right{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.ty-bar-right{gap:8px}.ty-appname{font-size:16px;font-weight:600}.ty-seg{background:#f1f3f6;border-radius:8px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.ty-seg button{cursor:pointer;height:32px;color:var(--pr-ink-2);background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 14px;font-size:13px;display:inline-flex}.ty-seg button:hover{color:var(--pr-ink)}.ty-seg button[aria-pressed=true]{color:var(--pr-accent);background:#fff;font-weight:600;box-shadow:0 1px 2px #00000014}.ty-seg .ic{width:16px;height:16px}.ty-iconbtn{border:1px solid var(--pr-field);cursor:pointer;width:36px;height:36px;color:var(--pr-ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.ty-iconbtn:hover:not(:disabled){border-color:var(--pr-accent);color:var(--pr-accent)}.ty-iconbtn:disabled{opacity:.35;cursor:default}.ty-iconbtn.sm{width:30px;height:30px;color:var(--pr-muted);background:0 0;border-color:#0000}.ty-iconbtn.sm:hover:not(:disabled){background:var(--pr-accent-bg);border-color:var(--pr-accent-bd)}.ty-iconbtn.sm.on{color:var(--pr-accent-d);background:var(--pr-accent-on);border-color:#b9c5f3}.ty-iconbtn.sm .ic{width:16px;height:16px}.ty-view{flex-direction:column;gap:16px;padding:16px 20px 24px;display:flex}.ty-view[hidden]{display:none}.ty-view>*{min-width:0;max-width:100%}.ty-preview{background:var(--pr-panel);border:1px solid var(--pr-line-2);border-radius:10px;flex-direction:column;gap:14px;padding:22px 32px 28px;display:flex}.ty-preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--pr-muted);font-size:11.5px;font-weight:600}.ty-preview-body{flex-direction:column;gap:18px;display:flex}.ty-pv{flex-direction:column;gap:4px;display:flex;position:relative}.ty-pv-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--pr-accent);opacity:0;font-size:10.5px;font-weight:600;transition:opacity .15s}.ty-pv:hover .ty-pv-tag,.ty-pv:focus-within .ty-pv-tag{opacity:1}.ty-pv-text{color:var(--pr-ink);overflow-wrap:break-word;border-radius:4px;outline:none;max-width:100%;margin:0}.ty-pv-text:hover{box-shadow:0 0 0 1px var(--pr-line-2)}.ty-pv-text:focus{box-shadow:0 0 0 2px var(--pr-accent-bd)}.ty-pv-body .ty-pv-text{color:#2a2f36;max-width:68ch}.ty-pv-quote .ty-pv-text{border-left:3px solid var(--pr-ink);max-width:46ch;padding-left:22px}.ty-pv-caption .ty-pv-text{color:var(--pr-muted)}.ty-pv-label .ty-pv-text{color:var(--pr-ink-2)}.ty-pv-button .ty-pv-text{background:var(--pr-ink);color:#fff;border-radius:6px;align-self:flex-start;padding:14px 24px;display:inline-block}.ty-stage{align-items:flex-start;gap:16px;display:flex}.ty-stage .ty-preview{flex:1;min-width:0;min-height:clamp(480px,66vh,780px);padding:28px 44px 36px}.ty-stage .ty-preview-body{gap:14px}.ty-drawer{max-width:100%;top:calc(var(--header-h) + 12px);max-height:calc(100vh - var(--header-h) - 24px);background:var(--pr-panel);border:1px solid var(--pr-line-2);border-radius:10px;flex:0 0 360px;animation:.22s ty-in;position:sticky;overflow-y:auto;box-shadow:0 8px 28px #14181e14}.ty-drawer[hidden]{display:none}@keyframes ty-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ty-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.ty-drawer .ty-col{border:0;border-radius:0;overflow:visible}.ty-drawer .ty-list{max-height:none;overflow:visible}.ty-drawer-top{justify-content:space-between;align-items:center;padding:10px 10px 0 16px;display:flex}.ty-drawer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--pr-muted);font-size:11.5px;font-weight:600}.ty-pv{cursor:text;border-radius:8px;margin:0 -16px;padding:12px 16px;transition:background-color .15s,box-shadow .15s}.ty-pv:hover{box-shadow:0 0 0 1px var(--pr-line-2);background:#fafbfc}.ty-pv.is-selected{box-shadow:0 0 0 2px var(--pr-accent);background:#f7f8fe}.ty-pv.is-selected .ty-pv-tag{opacity:1;color:var(--pr-accent)}.ty-pv .ty-pv-text:hover,.ty-pv .ty-pv-text:focus{box-shadow:none}.ty-addline{border:2px dashed var(--pr-field);cursor:pointer;height:40px;color:var(--pr-accent);background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;margin-top:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.ty-addline:hover{border-color:var(--pr-accent);background:#fff}.ty-addline small{color:var(--pr-muted);font-size:12px;font-weight:400}.ty-addline .ic{width:18px;height:18px}.ty-col{background:var(--pr-panel);border:1px solid var(--pr-line-2);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.ty-col-head{border-bottom:1px solid #edeff2;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ty-col-row{align-items:center;gap:8px;display:flex}.ty-col-num{background:var(--pr-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:600;display:flex}.ty-type{flex:1;min-width:0}.ty-type select{border:1px solid var(--pr-field);width:100%;height:32px;color:var(--pr-ink);cursor:pointer;background:#fff;border-radius:6px;padding:0 8px;font-size:13px;font-weight:600}.ty-type select:focus{outline:2px solid var(--pr-accent);outline-offset:1px}.ty-col-tools{gap:0;display:flex}.ty-current{flex-direction:column;gap:2px;padding:4px 2px;display:flex}.ty-current-name{color:var(--pr-ink);overflow-wrap:anywhere;font-size:24px;line-height:1.15}.ty-current-meta{color:var(--pr-muted);font-size:12px}.ty-tune{border:1px solid #edeff2;border-radius:8px}.ty-tune summary{cursor:pointer;color:var(--pr-ink-2);padding:8px 10px;font-size:12.5px;font-weight:500;list-style-position:inside}.ty-tune[open] summary{border-bottom:1px solid #edeff2}.ty-tune-body{flex-direction:column;gap:6px;padding:10px;display:flex}.ty-tune .pr-slider{grid-template-columns:72px minmax(0,1fr) 50px}.ty-tune .pr-slider input{--track:linear-gradient(90deg,#dce0e6,#b9c5f3)}.ty-field{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.ty-field select{border:1px solid var(--pr-field);background:#fff;border-radius:4px;height:28px;padding:0 6px;font-size:12px}.ty-check{align-items:center;gap:8px;font-size:12px;display:flex}.ty-search{border:1px solid var(--pr-field);height:36px;color:var(--pr-muted);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.ty-search:focus-within{border-color:var(--pr-accent)}.ty-search .ic{width:16px;height:16px}.ty-search input{min-width:0;color:var(--pr-ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.ty-filters{flex-wrap:wrap;gap:5px;display:flex}.ty-filters button{cursor:pointer;background:#fff;border:1px solid #dce0e6;border-radius:999px;height:26px;padding:0 10px;font-size:11.5px}.ty-filters button:hover{border-color:var(--pr-accent)}.ty-filters button[aria-pressed=true]{border-color:var(--pr-accent);background:var(--pr-accent-on);color:var(--pr-accent-d);font-weight:500}.ty-list{flex-direction:column;gap:2px;max-height:520px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.ty-opt{cursor:pointer;text-align:left;width:100%;color:var(--pr-ink);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;display:flex}.ty-opt:hover{background:#f6f7f9}.ty-opt.is-on{background:var(--pr-accent-bg);border-color:#b9c5f3}.ty-opt-top{justify-content:space-between;gap:8px;font-size:12px;display:flex}.ty-opt-top b{font-weight:600}.ty-opt-top span{color:var(--pr-muted)}.ty-opt.is-on .ty-opt-top span{color:var(--pr-accent-d);font-weight:600}.ty-opt-sample{font-family:var(--pr-sans);overflow-wrap:anywhere;font-size:22px;line-height:1.2}.ty-opt-sample.long{color:#2a2f36;font-size:15px;line-height:1.45}.ty-opt-meta{color:var(--pr-muted);font-size:11.5px}.ty-opt.is-on .ty-opt-meta{color:var(--pr-accent-d);font-weight:600}.ty-more{border:1px dashed var(--pr-field);cursor:pointer;width:100%;height:36px;color:var(--pr-accent);background:0 0;border-radius:8px;margin-top:4px;font-size:12.5px}.ty-empty{text-align:center;color:var(--pr-muted);padding:18px 10px;font-size:12.5px}.ty-toolbar{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.ty-app .mk-stage{--serif:var(--t-heading);--sans:var(--t-body);font-family:var(--t-body);font-weight:var(--t-body-w);font-style:var(--t-body-st)}.ty-app .mk-stage [data-role=display]{font-family:var(--t-display);font-weight:var(--t-display-w);font-style:var(--t-display-st)}.ty-app .mk-stage [data-role=heading]{font-family:var(--t-heading);font-weight:var(--t-heading-w);font-style:var(--t-heading-st)}.ty-app .mk-stage [data-role=subheading]{font-family:var(--t-subheading);font-weight:var(--t-subheading-w);font-style:var(--t-subheading-st)}.ty-app .mk-stage [data-role=body]{font-family:var(--t-body);font-weight:var(--t-body-w);font-style:var(--t-body-st)}.ty-app .mk-stage [data-role=quote]{font-family:var(--t-quote);font-weight:var(--t-quote-w);font-style:var(--t-quote-st)}.ty-app .mk-stage [data-role=caption]{font-family:var(--t-caption);font-weight:var(--t-caption-w);font-style:var(--t-caption-st)}.ty-app .mk-stage [data-role=label]{font-family:var(--t-label);font-weight:var(--t-label-w);font-style:var(--t-label-st)}.ty-app .mk-stage [data-role=button]{font-family:var(--t-button);font-weight:var(--t-button-w);font-style:var(--t-button-st)}.ty-app .mk-stage [data-role]{cursor:pointer}.ty-app .mk-stage [data-role].is-picked{outline-offset:3px;border-radius:2px;outline:2px solid var(--pr-accent)!important}.ty-design-main{flex:1;min-width:0}.ty-follow{border:1px solid var(--pr-accent-bd);background:#f4f6fd;border-radius:8px;flex-direction:column;gap:10px;margin:12px 14px 2px;padding:12px 14px;display:flex}.ty-follow p{color:var(--pr-ink-2);margin:0;font-size:13px;line-height:1.5}.ty-follow .pr-btn{align-self:flex-start}.ty-follow small{color:var(--pr-muted);font-size:12px}.ty-req{color:var(--pr-muted);margin:0;font-size:12px}.ty-type select:disabled{opacity:1;color:var(--pr-ink-2);cursor:not-allowed;background-color:#f4f5f7}.ty-app .mk [contenteditable=true]{border-radius:2px;outline:none}.ty-app .mk [contenteditable=true]:hover{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ty-app .mk [contenteditable=true]:focus{box-shadow:0 0 0 2px var(--pr-accent)}.mks-quote{border-top:1px solid color-mix(in srgb,var(--m-on-bg) 14%,transparent);background:var(--m-bg);color:var(--m-on-bg);margin:0;padding:clamp(22px,4cqi,40px) clamp(18px,4cqi,48px);font-size:clamp(20px,2.6cqi,30px);line-height:1.35}.mks-quote cite{letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin-top:10px;font-size:12px;display:block}.ty-hint{color:var(--pr-muted);margin:0;font-size:12.5px}.ty-sharebar{background:var(--pr-panel);border:1px solid var(--pr-line-2);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;padding:16px 18px;display:flex}.ty-sharebar .pr-savebox{min-height:0}.ty-sharegroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ty-sharelabel{color:var(--pr-ink-2);font-size:12px;font-weight:600}.ty-mini{background:#f7f8fa;border-radius:6px;flex-direction:column;gap:6px;min-height:84px;padding:12px 14px;display:flex;overflow:hidden}.ty-mini-row{color:var(--pr-ink-2);white-space:nowrap;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;display:flex;overflow:hidden}.ty-mini-row.big{color:var(--pr-ink);font-size:22px}.ty-mini-row small{font-family:var(--pr-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--pr-muted);flex-shrink:0;font-size:10.5px;font-style:normal;font-weight:500}@media (width<=760px){.ty-bar,.ty-view{padding-left:12px;padding-right:12px}.ty-preview{padding:18px 18px 22px}.ty-stage{flex-direction:column;align-items:stretch}.ty-drawer{z-index:45;border-radius:14px 14px 0 0;flex:none;max-height:58vh;animation:.22s ty-up;position:fixed;inset:auto 0 0;box-shadow:0 -10px 32px #14181e2e}.ty-stage.has-drawer{padding-bottom:58vh}.ty-stage .ty-preview{min-height:0;padding:20px 22px 26px}.ty-col-row{flex-wrap:wrap}.ty-type{flex-basis:calc(100% - 32px)}.ty-col-tools{justify-content:flex-end;width:100%}.ty-pv-display .ty-pv-text,.ty-pv-heading .ty-pv-text{font-size:min(var(--fs,44px),11vw)}}
