.stk-demo{--backdrop:#e9e8e1;--sidebar-bg:#f4f1e9;--content-bg:#fbf9f3;--card-bg:#fff;--card-border:#ece6d9;--text:#1e1e1b;--text-2:#5c5c53;--text-3:#9a9a8e;--accent:#2d6a5a;--accent-hover:#255849;--accent-soft:#e2eee8;--accent-on-soft:#245a4b;--input-bg:#e9e8e1;--input-bg-hover:#e0dfd6;--input-border:transparent;--divider:#ece6d9;--row-divider:#f0ebdf;--shadow:0 20px 50px #28281e24, 0 4px 12px #28281e0f;--shadow-sm:0 1px 2px #0000000d;--switch-off:#d6cfbf;--danger:#b4413d;--danger-soft:#f8e6e1;--warning:#9b6a20;--warning-soft:#f6e9cd;--info:#4b648d;--info-soft:#e4eaf2;--overlay:#1e1e196b;--kakao-bg:#b2c7d9;--kakao-bubble:#fee500;--kakao-bubble-text:#1e1e1b;--kakao-muted:#1e28328c;--modal-scroll-track:#e1dfd7;--modal-scroll-thumb:#8c9088;--modal-scroll-thumb-hover:#73776f;background:var(--backdrop);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.stk-demo *,.stk-demo :before,.stk-demo :after{box-sizing:border-box}.stk-demo button{cursor:pointer;font-family:inherit}.stk-demo input,.stk-demo textarea,.stk-demo select{font:inherit}.stk-demo ::selection{background:var(--accent-soft);color:var(--accent-on-soft)}.stk-demo .stk-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:20px 24px 4px;display:flex}.stk-demo .stk-topbar-left{align-items:center;gap:12px;display:flex}.stk-demo .stk-back{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-2);border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.stk-demo .stk-back:hover{background:var(--input-bg);color:var(--text)}.stk-demo .stk-demo-badge{background:var(--accent-soft);color:var(--accent-on-soft);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.stk-demo .stk-tour-btn{background:var(--accent);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:800;transition:background .15s;display:inline-flex}.stk-demo .stk-tour-btn:hover{background:var(--accent-hover)}.stk-demo .stk-stage{max-width:1180px;margin:0 auto;padding:14px 24px 48px;overflow-x:auto}.stk-demo .stk-frame{border:1px solid var(--card-border);min-width:880px;box-shadow:var(--shadow);background:var(--content-bg);border-radius:16px;overflow:hidden}.stk-demo .stk-titlebar{background:var(--sidebar-bg);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:stretch;min-height:36px;display:flex}.stk-demo .stk-titlebar-brand{align-items:center;gap:8px;min-width:0;padding:0 14px;display:flex}.stk-demo .stk-titlebar-icon{flex-shrink:0;width:16px;height:16px}.stk-demo .stk-titlebar-title{color:var(--text-3);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.stk-demo .stk-winctl{flex-shrink:0;align-items:stretch;display:flex}.stk-demo .stk-winctl-btn{width:44px;color:var(--text-2);place-items:center;transition:background .12s,color .12s;display:grid}.stk-demo .stk-winctl-btn svg{width:11px;height:11px}.stk-demo .stk-winctl-btn:hover{background:var(--input-bg-hover)}.stk-demo .stk-winctl-close:hover{color:#fff;background:#e81123}.stk-demo .app-window{background:var(--content-bg);grid-template-columns:232px minmax(0,1fr);height:660px;display:grid}.stk-demo .app-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--divider);flex-direction:column;min-width:0;padding:20px 14px 16px;display:flex;overflow-y:auto}.stk-demo .app-sidebar::-webkit-scrollbar{width:0}.stk-demo .app-main{background:var(--content-bg);width:100%;min-width:0;padding:26px 32px 36px;overflow-y:auto}.stk-demo .app-main::-webkit-scrollbar{width:8px}.stk-demo .app-main::-webkit-scrollbar-thumb{background:var(--input-bg-hover);border-radius:999px}.stk-demo .brand{align-items:center;gap:11px;padding:4px 8px 18px;display:flex}.stk-demo .brand-logo{filter:drop-shadow(0 4px 10px #0f172a40);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stk-demo .brand-eyebrow{letter-spacing:.08em;color:var(--accent);font-size:10px;font-weight:700}.stk-demo .brand-title{letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.1}.stk-demo .nav-group{margin-top:6px}.stk-demo .nav-group-label,.stk-demo .group-label{letter-spacing:.07em;color:var(--text-3);text-transform:uppercase;font-size:10.5px;font-weight:700}.stk-demo .nav-group-label{padding:6px 10px}.stk-demo .nav-item{width:100%;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s;display:flex}.stk-demo .nav-item svg{opacity:.85;flex-shrink:0;width:16px;height:16px}.stk-demo .nav-item:hover{background:var(--input-bg);color:var(--text)}.stk-demo .nav-item.active{background:var(--accent-soft);color:var(--accent-on-soft);font-weight:600}.stk-demo .nav-item.locked{cursor:not-allowed;opacity:.55}.stk-demo .nav-item.locked:hover{color:var(--text-2);background:0 0}.stk-demo .nav-item .nav-lock{opacity:.7;width:13px;height:13px;margin-left:auto}.stk-demo .group-label{margin-bottom:9px;padding-left:6px}.stk-demo .group-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.stk-demo .section-block+.section-block{margin-top:18px}.stk-demo .row{align-items:center;gap:14px;padding:14px 18px;display:flex}.stk-demo .row+.row,.stk-demo .row-full+.row,.stk-demo .row+.row-full{border-top:1px solid var(--row-divider)}.stk-demo .row-icon{width:18px;height:18px;color:var(--text-2);flex-shrink:0;margin-top:1px}.stk-demo .row-main{flex:1;min-width:0}.stk-demo .row-label{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:600}.stk-demo .row-desc{color:var(--text-3);margin-top:3px;font-size:12px;line-height:1.45}.stk-demo .row-control{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.stk-demo .row-full{padding:4px 18px 16px}.stk-demo .form-label{letter-spacing:.04em;color:var(--text-3);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.stk-demo .field{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:9px;outline:none;margin-top:6px;padding:9px 13px;font-size:13px;font-weight:500;transition:background .14s,outline .14s}.stk-demo .field:hover{background:var(--input-bg-hover)}.stk-demo .field:focus{outline:2px solid var(--accent);outline-offset:-1px}.stk-demo .field::placeholder{color:var(--text-3)}.stk-demo .field-mono,.stk-demo .mono{font-family:SF Mono,Menlo,Monaco,monospace}.stk-demo .keycap{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);letter-spacing:.02em;border-bottom-width:3px;border-radius:9px;align-items:center;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.stk-demo .modal-backdrop{z-index:50;background:var(--overlay);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.stk-demo .modal-panel{background:var(--card-bg);width:100%;color:var(--text);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:18px;animation:.18s stk-pop;overflow:hidden}.stk-demo .modal-header{border-bottom:1px solid var(--row-divider);padding:20px 22px}.stk-demo .modal-body{padding:22px}.stk-demo .status-ok{color:var(--accent)}.stk-demo .status-muted{color:var(--text-3)}.stk-demo .status-warning{color:var(--warning)}.stk-demo .status-danger{color:var(--danger)}.stk-demo .refresh-toast{z-index:80;border:1px solid var(--card-border);background:var(--card-bg);width:min(420px,100vw - 56px);box-shadow:var(--shadow);border-radius:10px;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:12px 12px 12px 14px;animation:.2s stk-slide;display:grid;position:fixed;top:28px;right:28px}.stk-demo .refresh-toast.success{border-color:var(--accent-soft)}.stk-demo .refresh-toast.error{border-color:var(--danger-soft)}.stk-demo .refresh-toast>svg{width:20px;height:20px}.stk-demo .refresh-toast.success>svg{color:var(--accent)}.stk-demo .refresh-toast.error>svg{color:var(--danger)}.stk-demo .refresh-toast-copy{gap:2px;min-width:0;display:grid}.stk-demo .refresh-toast-title{color:var(--text);font-size:13px;font-weight:800;line-height:1.25}.stk-demo .refresh-toast-detail{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.stk-demo .refresh-toast button{width:28px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.stk-demo .refresh-toast button:hover{background:var(--input-bg);color:var(--text)}.stk-demo .room-settings-modal{background:var(--content-bg);grid-template-rows:auto minmax(0,1fr) 64px;width:100%;max-width:920px;height:min(640px,100vh - 48px);max-height:calc(100vh - 48px);line-height:normal;display:grid;overflow:hidden}.stk-demo .room-settings-modal .keycap{background:var(--input-bg);min-height:26px;color:var(--text);letter-spacing:0;border:1px solid #0000;border-bottom-width:3px;border-radius:9px;padding:5px 10px;font-size:12.5px;font-weight:800}.stk-demo .room-settings-head{border-bottom:1px solid var(--divider);align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.stk-demo .room-settings-head-main{flex:1;min-width:0}.stk-demo .room-settings-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:850}.stk-demo .room-settings-title{color:var(--text);flex-wrap:wrap;align-items:center;gap:9px;margin-top:5px;font-size:20px;font-weight:850;display:flex}.stk-demo .room-settings-close{width:32px;height:32px;color:var(--text-3);background:0 0;border:0;border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.stk-demo .room-settings-close:hover{background:var(--input-bg);color:var(--text)}.stk-demo .room-settings-body-2col{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);align-items:stretch;display:grid;overflow:hidden}.stk-demo .room-settings-content-column,.stk-demo .room-settings-config-column{background:var(--content-bg);min-width:0;min-height:0;padding:18px 22px 16px;overflow-y:auto}.stk-demo .room-settings-content-column{border-right:1px solid var(--divider)}.stk-demo .room-settings-column-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.stk-demo .room-settings-column-title{color:var(--text);font-size:15px;font-weight:850}.stk-demo .room-settings-column-desc{color:var(--text-3);margin-top:5px;font-size:12.5px;font-weight:600}.stk-demo .room-settings-field{border-top:1px solid var(--row-divider);padding:16px 0}.stk-demo .room-settings-field:first-child,.stk-demo .room-settings-field.first{border-top:0;padding-top:0}.stk-demo .room-settings-field-label{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.stk-demo .room-settings-field-name{color:var(--text);font-size:14.5px;font-weight:850}.stk-demo .room-settings-field-hint{color:var(--text-3);font-size:12px;font-weight:600}.stk-demo .room-settings-content-list{flex-direction:column;gap:8px;display:flex}.stk-demo .room-settings-content-option{border:1px solid var(--card-border);background:var(--card-bg);text-align:left;border-radius:11px;align-items:flex-start;gap:11px;width:100%;padding:12px 13px;transition:border-color .15s,background .15s;display:flex}.stk-demo .room-settings-content-option:hover{border-color:var(--accent-on-soft)}.stk-demo .room-settings-content-option.selected{border-color:var(--accent);background:var(--accent-soft)}.stk-demo .room-settings-content-option.disabled{opacity:.55;pointer-events:none}.stk-demo .room-settings-radio{border:2px solid var(--text-3);border-radius:999px;flex:none;width:17px;height:17px;margin-top:1px;position:relative}.stk-demo .room-settings-content-option.selected .room-settings-radio{border-color:var(--accent)}.stk-demo .room-settings-content-option.selected .room-settings-radio:after{content:"";background:var(--accent);border-radius:999px;position:absolute;inset:3px}.stk-demo .room-settings-content-main{flex:1;min-width:0}.stk-demo .room-settings-content-title{color:var(--text);font-size:14.5px;font-weight:800;display:inline}.stk-demo .room-settings-content-meta{color:var(--text-3);margin-top:3px;font-size:12px;display:block}.stk-demo .room-settings-content-preview{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.stk-demo .room-settings-empty{border:1px dashed var(--card-border);background:var(--card-bg);color:var(--text-3);text-align:center;border-radius:11px;padding:20px 13px;font-size:13px;font-weight:650}.stk-demo .room-settings-day-chips{flex-wrap:wrap;gap:7px;display:flex}.stk-demo .room-settings-day-chip{border:1px solid var(--card-border);background:var(--card-bg);min-width:42px;color:var(--text-2);text-align:center;border-radius:9px;padding:8px 0;font-size:13.5px;font-weight:800}.stk-demo .room-settings-day-chip:hover{background:var(--input-bg)}.stk-demo .room-settings-day-chip.on{border-color:var(--accent);background:var(--accent);color:#fff}.stk-demo .room-settings-day-chip.weekend{color:var(--danger)}.stk-demo .room-settings-day-chip.weekend.on{color:#fff}.stk-demo .room-settings-time-row{align-items:center;gap:10px;display:flex}.stk-demo .room-settings-time-input{background:var(--input-bg);min-width:0;color:var(--text);border:1px solid #0000;border-radius:9px;outline:none;flex:1;padding:10px 12px;font-size:14.5px;font-weight:750}.stk-demo .room-settings-time-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.stk-demo .room-settings-time-sep{color:var(--text-3);font-size:13.5px;font-weight:800}.stk-demo .room-settings-send-mode-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stk-demo .room-settings-seg{background:var(--input-bg);border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.stk-demo .room-settings-seg-btn{color:var(--text-2);background:0 0;border:0;border-radius:8px;padding:9px 14px;font-size:13.5px;font-weight:800}.stk-demo .room-settings-seg-btn.on{background:var(--card-bg);color:var(--text);box-shadow:0 1px 3px #00000014}.stk-demo .room-settings-num-input{background:var(--input-bg);width:88px;color:var(--text);border:1px solid #0000;border-radius:9px;outline:none;padding:10px 12px;font-size:15px;font-weight:800}.stk-demo .room-settings-num-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.stk-demo .room-settings-num-suffix{color:var(--text-2);white-space:nowrap;font-size:13.5px;font-weight:700}.stk-demo .room-settings-inline-hint{color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:700}.stk-demo .room-settings-preview{border-top:1px solid var(--row-divider);margin-top:10px;padding-top:12px}.stk-demo .room-settings-preview-head,.stk-demo .room-settings-preview-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.stk-demo .room-settings-preview-section{margin-top:9px}.stk-demo .room-settings-preview-label{color:var(--text-2);font-size:12.5px;font-weight:800}.stk-demo .room-settings-preview-hint{min-width:0;color:var(--text-3);text-align:right;font-size:11.5px;font-weight:700}.stk-demo .room-settings-kakao-preview{border:1px solid var(--card-border);background:var(--kakao-bg);border-radius:11px;margin-top:6px;padding:10px 12px 6px}.stk-demo .room-settings-kakao-bubble{background:var(--kakao-bubble);width:min(296px,78%);min-height:46px;color:var(--kakao-bubble-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px 5px 14px 14px;margin-left:auto;padding:10px 12px;font-size:13.5px;font-weight:700;line-height:1.55;box-shadow:0 1px 3px #00000014}.stk-demo .room-settings-kakao-bubble.empty{color:#3c370a80}.stk-demo .room-settings-kakao-count{width:min(296px,78%);color:var(--kakao-muted);text-align:right;margin:4px 0 0 auto;font-size:11px;font-weight:800}.stk-demo .room-settings-preview-images{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:6px;display:grid}.stk-demo .room-settings-preview-image{aspect-ratio:1;border:1px solid var(--card-border);background:var(--input-bg);border-radius:11px;min-width:0;padding:0;overflow:hidden}.stk-demo .room-settings-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.stk-demo .room-settings-preview-empty{border:1px dashed var(--card-border);background:var(--input-bg);color:var(--text-3);text-align:center;border-radius:11px;margin-top:8px;padding:14px;font-size:12.5px;font-weight:700}.stk-demo .room-settings-foot{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:10px;height:64px;min-height:64px;padding:0 22px;display:flex}.stk-demo .room-settings-foot-actions{gap:8px;display:flex}.stk-demo .room-settings-button{background:var(--accent);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:8px 14px;font-size:13px;font-weight:800;transition:background .15s,transform .1s;display:inline-flex}.stk-demo .room-settings-button:hover{background:var(--accent-hover)}.stk-demo .room-settings-button:active{transform:translateY(1px)}.stk-demo .room-settings-button.outline{background:var(--input-bg);color:var(--text)}.stk-demo .room-settings-button.outline:hover{background:var(--input-bg-hover)}.stk-demo .room-settings-button.sm{min-height:30px;padding:6px 12px}.stk-demo .room-settings-button:disabled{cursor:not-allowed;opacity:.5}.stk-demo .image-viewer-backdrop{z-index:90;background:#000000ad;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.stk-demo .image-viewer-panel{border:1px solid var(--card-border);background:var(--content-bg);border-radius:13px;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100vw - 64px);max-height:calc(100vh - 64px);display:grid;overflow:hidden;box-shadow:0 26px 80px #0000006b}.stk-demo .image-viewer-head{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.stk-demo .image-viewer-title{color:var(--text);font-size:14px;font-weight:850}.stk-demo .image-viewer-head button{width:32px;height:32px;color:var(--text-3);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.stk-demo .image-viewer-head button:hover{background:var(--input-bg);color:var(--text)}.stk-demo .image-viewer-body{background:var(--input-bg);place-items:center;min-height:0;padding:16px;display:grid}.stk-demo .image-viewer-body img{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(100vh - 220px);display:block}.stk-demo .stk-guide-layer{z-index:130;pointer-events:none;position:fixed;inset:0}.stk-demo .stk-guide-ring{z-index:131;border-radius:11px;transition:top .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),opacity .2s;animation:1.2s ease-in-out infinite stk-guide-pulse;position:fixed;box-shadow:0 0 0 3px #f4511e,0 0 0 8px #f4511e47}.stk-demo .stk-guide-ripple{z-index:131;background:#f4511e61;border-radius:999px;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.6s ease-out forwards stk-guide-ripple;position:fixed;box-shadow:0 0 0 2px #f4511e99}.stk-demo .stk-guide-cursor{z-index:132;filter:drop-shadow(0 3px 7px #0006);transition:top .6s cubic-bezier(.4,0,.2,1),left .6s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(-5px,-4px)}.stk-demo .stk-guide-caption{z-index:132;color:#fff;white-space:nowrap;background:#f4511e;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 4px 10px #f4511e59}.stk-demo .stk-guide-banner-backdrop{z-index:132;background:#1e1e19a1;transition:opacity .25s;animation:.25s stk-guide-backdrop-in;position:fixed;inset:0}.stk-demo .stk-guide-banner{z-index:133;background:var(--text);color:#fff;letter-spacing:-.01em;text-align:center;border-top:4px solid #f4511e;border-radius:18px;min-width:340px;max-width:min(560px,100% - 48px);padding:34px 48px;font-size:16px;font-weight:800;line-height:1.55;transition:opacity .25s;animation:.32s cubic-bezier(.2,.8,.2,1) stk-guide-banner-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0006}.stk-demo .stk-guide-statusbar{z-index:140;background:var(--text);color:#fff;letter-spacing:-.01em;pointer-events:auto;border:1px solid #f4511eb3;border-radius:14px;flex-direction:row;align-items:center;gap:14px;width:420px;max-width:calc(100% - 32px);padding:10px 12px 10px 18px;animation:.25s stk-guide-statusbar-in;display:flex;position:fixed;top:50px;left:16px;box-shadow:0 14px 32px #00000061,0 0 18px #f4511e47}.stk-demo .stk-guide-statusbar-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.stk-demo .stk-guide-statusbar-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.stk-demo .stk-guide-statusbar-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:8px;place-items:center;width:28px;height:28px;transition:background .15s;display:grid}.stk-demo .stk-guide-statusbar-btn:hover{background:#ffffff3d}.stk-demo .stk-guide-statusbar-btn svg{width:14px;height:14px}.stk-demo .stk-guide-statusbar.is-paused .stk-guide-statusbar-dot{opacity:.5;animation-play-state:paused}.stk-demo .stk-guide-statusbar-step{color:#ff8a5c;font-size:12px;font-weight:800}.stk-demo .stk-guide-statusbar-task{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.stk-demo .stk-guide-statusbar-dot{background:#f4511e;border-radius:999px;flex-shrink:0;width:9px;height:9px;animation:1s ease-in-out infinite stk-guide-blink}.stk-demo .stk-guide-done-backdrop{z-index:150;background:#0f0f0c9e;justify-content:center;align-items:center;padding:24px;animation:.3s stk-guide-backdrop-in;display:flex;position:fixed;inset:0}.stk-demo .stk-guide-done-card{background:var(--text);text-align:center;border:1px solid #ffffff14;border-radius:22px;width:100%;max-width:640px;padding:40px 48px 38px;animation:.25s stk-pop;box-shadow:0 32px 90px #0000008c}.stk-demo .stk-guide-done-brand{justify-content:center;align-items:center;gap:14px;margin-bottom:24px;display:flex}.stk-demo .stk-guide-done-logo{filter:drop-shadow(0 4px 12px #00000073);flex-shrink:0;width:56px;height:56px}.stk-demo .stk-guide-done-brand-text{flex-direction:column;align-items:flex-start;line-height:1.12;display:flex}.stk-demo .stk-guide-done-brand-domain{letter-spacing:.02em;color:#34d399;font-size:14px;font-weight:700}.stk-demo .stk-guide-done-brand-name{letter-spacing:-.01em;color:#fff;font-size:25px;font-weight:850}.stk-demo .stk-guide-done-title{color:#fff;letter-spacing:-.01em;font-size:28px;font-weight:850;line-height:1.35}.stk-demo .stk-guide-done-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.stk-demo .stk-guide-done-step{color:#fff;background:#ffffff1a;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:800}.stk-demo .stk-guide-done-arrow{color:#ffffff73;font-size:14px;font-weight:800}.stk-demo .stk-guide-done-tagline{color:#ffffffd9;letter-spacing:-.01em;margin-top:24px;font-size:15px;font-weight:800}.stk-demo .stk-guide-done-actions{gap:12px;margin-top:30px;display:flex}.stk-demo .stk-guide-done-actions .room-settings-button{border-radius:12px;flex:1;min-height:46px;font-size:14px}.stk-demo .stk-guide-done-actions .room-settings-button.outline{color:#fff;background:#ffffff1f}.stk-demo .stk-guide-done-actions .room-settings-button.outline:hover{background:#fff3}.stk-demo.stk-demo-inline{background:0 0;min-height:0}.stk-demo.stk-demo-framed{background:0 0}.stk-demo.stk-demo-framed .app-window{height:550px}:is(html:has(.stk-demo-framed),body:has(.stk-demo-framed)){background:0 0}@keyframes stk-guide-pulse{0%,to{box-shadow:0 0 0 3px #f4511e,0 0 0 7px #f4511e4d}50%{box-shadow:0 0 0 3px #f4511e,0 0 0 15px #f4511e0d}}@keyframes stk-guide-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(3.8)}}@keyframes stk-guide-banner-in{0%{opacity:0;transform:translate(-50%,-42%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes stk-guide-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes stk-guide-statusbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes stk-guide-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes stk-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stk-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}