.ks-try{min-height:100svh;padding-bottom:calc(env(safe-area-inset-bottom) + 74px);flex-direction:column;display:flex}.ks-try [id]{scroll-margin-top:80px}.ks-bar{z-index:20;border-bottom:1px solid var(--ks-line);background:#fff;align-items:center;gap:12px;min-height:62px;padding-inline:16px;display:flex;position:sticky;top:0}.ks-bar__tag{display:none}.ks-bar__right{align-items:center;gap:10px;margin-left:auto;display:flex}.ks-bar__publish{display:none}.ks-notice{border-bottom:1px solid var(--ks-sky-2);background:var(--ks-sky);color:var(--ks-navy-2);flex-wrap:wrap;align-items:flex-start;gap:4px 10px;padding:10px 16px;font-size:13px;line-height:1.45;display:flex}.ks-notice svg{color:var(--ks-blue);flex:none;margin-top:1px}.ks-notice p{flex:200px;min-width:0}.ks-notice button{min-height:28px;color:var(--ks-blue);text-underline-offset:3px;cursor:pointer;font-weight:600;text-decoration:underline}.ks-layout{flex:1;width:100%;max-width:1520px;margin-inline:auto;padding:16px;display:block}.ks-rail{display:none}.ks-editor{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.ks-try[data-view=preview] .ks-editor,.ks-try[data-view=edit] .ks-side{display:none}.ks-panel{border:1px solid var(--ks-line);border-radius:var(--ks-radius-card);background:#fff;padding:20px 16px}.ks-panel__head{margin-bottom:18px}.ks-panel__head h2{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.3}.ks-panel__head p{color:var(--ks-mute);margin-top:4px;font-size:13px;line-height:1.5}.ks-form{gap:16px;min-width:0;display:grid}.ks-subcard{border:1px solid var(--ks-line);background:var(--ks-paper);border-radius:14px;min-width:0;padding:14px}.ks-subcard__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ks-subcard__head p{color:var(--ks-blue);font-size:13px;font-weight:600}.ks-tools{flex:none;display:flex}.ks-tools button,.ks-icon-btn{width:38px;height:38px;color:var(--ks-mute);cursor:pointer;border-radius:10px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.ks-tools button:hover:not(:disabled),.ks-icon-btn:hover{background:var(--ks-sky);color:var(--ks-blue)}.ks-tools button:disabled{cursor:default;opacity:.3}.ks-rows{gap:10px;min-width:0;display:grid}.ks-row{border-bottom:1px solid var(--ks-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-bottom:10px;display:grid}.ks-row__platform{grid-column:1}.ks-row .ks-tools{grid-area:1/2}.ks-row__value{grid-column:1/-1;min-width:0}.ks-add{border-radius:var(--ks-radius-field);width:100%;min-height:44px;color:var(--ks-blue);cursor:pointer;border:1px dashed #0b153033;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:border-color .2s;display:inline-flex}.ks-add:hover:not(:disabled){border-color:var(--ks-blue)}.ks-add:disabled{color:var(--ks-mute);cursor:default}.ks-multi{gap:8px;margin-top:6px;display:grid}.ks-multi__row{gap:4px;display:flex}.ks-link-btn{min-height:32px;color:var(--ks-blue);cursor:pointer;justify-self:start;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.ks-images{gap:18px;display:grid}.ks-image{gap:14px;display:flex}.ks-image__view{background:var(--ks-sky);width:96px;height:128px;color:var(--ks-blue);border-radius:14px;flex:none;place-items:center;display:grid;overflow:hidden}.ks-image__view--logo{border:1px solid var(--ks-line);background:#fff;height:96px}.ks-image__view img{object-fit:cover;width:100%;height:100%}.ks-image__view--logo img{object-fit:contain;padding:8px}.ks-image__body{min-width:0}.ks-image__actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.ks-scope{gap:18px;margin-top:14px;display:grid}.ks-panel .ks-scope{margin-top:0}.ks-scope h3{font-size:14px;font-weight:600}.ks-scope ul{gap:7px;margin-top:8px;display:grid}.ks-scope li{color:var(--ks-mute);gap:8px;font-size:14px;line-height:1.4;display:flex}.ks-scope li svg{flex:none;margin-top:2px}.ks-scope div:first-child li svg{color:var(--ks-ok)}.ks-qr{width:min(300px,100%);margin:16px auto 0;display:block}.ks-preview{flex-direction:column;gap:12px;min-width:0;display:flex}.ks-preview__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ks-preview__bar .ks-icon-btn{margin-left:auto}.ks-preview__phone{background:var(--ks-navy);border-radius:34px;width:100%;max-width:390px;height:calc(100svh - 268px);min-height:460px;margin-inline:auto;padding:8px}.ks-preview__screen{overscroll-behavior:contain;background:#fff;border-radius:26px;height:100%;overflow:hidden auto}.ks-browser{border:1px solid var(--ks-line);background:#fff;border-radius:14px;overflow:hidden}.ks-browser__bar{border-bottom:1px solid var(--ks-line);background:var(--ks-paper);align-items:center;gap:5px;min-height:36px;padding-inline:12px;display:flex}.ks-browser__bar i{background:var(--ks-sky-2);border-radius:50%;width:9px;height:9px}.ks-browser__bar span{color:var(--ks-mute);text-overflow:ellipsis;white-space:nowrap;margin-left:10px;font-size:12px;overflow:hidden}.ks-browser__clip{height:calc(100svh - 330px);min-height:300px;overflow:hidden}.ks-browser__page{transform-origin:0 0;overflow:hidden auto}.ks-mobilebar{inset-inline:0;z-index:20;border-top:1px solid var(--ks-line);padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:#fff;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;bottom:0}@media (min-width:640px){.ks-panel{padding:24px}.ks-form--2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ks-subcard .ks-form--2>.ks-field:last-child{grid-column:1/-1}.ks-images,.ks-scope{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-row{grid-template-columns:150px minmax(0,1fr) auto}.ks-row__value{grid-area:1/2}.ks-row .ks-tools{grid-column:3}.ks-bar__tag{display:inline-flex}}@media (min-width:1024px){.ks-try{padding-bottom:0}.ks-bar{padding-inline:24px}.ks-bar__publish{display:inline-flex}.ks-notice{align-items:center;padding-inline:24px}.ks-notice p{flex:0 auto}.ks-mobilebar{display:none}.ks-layout{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:20px;padding:20px 24px;display:grid}.ks-try[data-view] .ks-editor,.ks-try[data-view] .ks-side{display:grid}.ks-side{min-width:0;position:sticky;top:82px}}@media (min-width:1280px){.ks-layout{grid-template-columns:170px minmax(0,1fr) minmax(0,440px);gap:24px}.ks-rail{gap:2px;display:grid;position:sticky;top:82px}.ks-rail a{color:var(--ks-mute);border-radius:10px;padding:9px 12px;font-size:14px;text-decoration:none;transition:background-color .2s,color .2s}.ks-rail a:hover{background:var(--ks-sky);color:var(--ks-blue)}}
