.kr{line-height:normal}.kr :where(*),.kr :where(*):before,.kr :where(*):after{border:revert}.kr :where(h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd,hr,pre,ol,ul,menu,table,button,input,select,textarea,optgroup,code,kbd,samp,small,sub,sup,abbr,summary,legend,fieldset,progress){all:revert;box-sizing:border-box}.kr :where(img,svg,video,canvas,audio,iframe,embed,object){display:revert;vertical-align:revert;max-width:revert}.kr{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kr-bg:#000;--kr-panel:#191b1e;--kr-text:#f3f4f6;--kr-muted:#9a9ea6;--kr-line:#ffffff14;--kr-blue:#77b3ff;--kr-orange:#f4a561;--kr-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.kr *{box-sizing:border-box}.kr{scroll-behavior:smooth;background:var(--kr-bg);color:var(--kr-text);font-family:var(--kr-font);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:115px}.kr a{color:inherit;text-decoration:none}.kr button{font:inherit;cursor:pointer;color:inherit}.kr button,.kr a{touch-action:manipulation}.kr button{border:0}.kr svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.kr .symbol-library{width:0;height:0;position:absolute;overflow:hidden}.kr .container{width:calc(100% - 112px);max-width:1220px;margin-inline:auto}.kr .glass{-webkit-backdrop-filter:blur(28px)saturate(135%);background:#25282d8c;border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff0d,0 16px 45px #0002}.kr .navigation{z-index:20;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 80px);max-width:1050px;min-height:68px;margin:20px auto 0;padding:10px 15px 10px 19px;display:flex;position:sticky;top:20px}.kr .logo{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:9px;font-size:21px;font-weight:600;display:flex}.kr .logo img{-o-object-fit:contain;object-fit:contain}.kr .navigation nav{color:#fffc;gap:31px;font-size:14px;display:flex}.kr .navigation nav a:hover{color:#fff}.kr .nav-action{background:#ffffff10;border:1px solid #ffffff16;border-radius:13px;align-items:center;gap:14px;padding:12px 16px;font-size:13px;display:flex}.kr .nav-action svg{width:16px;height:16px}.kr .hero{text-align:center;padding:78px 0 58px;position:relative}.kr .hero-label{color:#ffffffbd;letter-spacing:1.7px;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:500;display:flex}.kr .mac-key{color:#ffffffde;letter-spacing:0;border:1px solid #fff2;border-radius:7px;padding:4px 6px;font-size:14px}.kr .hero h1{letter-spacing:-6px;margin:25px 0 23px;font-size:clamp(70px,7.3vw,102px);font-weight:550;line-height:1.035}.kr .hero h1>span{color:#ffffffc2}.kr .hero-inner>p{color:#ffffffb5;letter-spacing:-.2px;margin:0;font-size:18px;line-height:1.6}.kr .hero-actions{justify-content:center;gap:14px;margin-top:29px;display:flex}.kr .button{border-radius:13px;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:15px 20px;font-size:14px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.kr .button svg{width:18px;height:18px}.kr .button:hover{transform:translateY(-2px)}.kr .primary{color:#000;background:#eef2f8;border:1px solid #fff;box-shadow:0 3px 14px #b9d2ff12,inset 0 1px #fff}.kr .quiet{color:#ffffffd4;background:#ffffff05;border:1px solid #ffffff20}.kr .quiet:hover{background:#ffffff0b}.kr .hero-meta{color:#ffffff8c;margin-top:20px;font-size:11px}.kr .hero-meta span{margin:0 9px}.kr .editor-section{position:relative}.kr .editor-section:before{content:"";opacity:.17;filter:blur(95px);z-index:-1;background:#4c658f;border-radius:50%;width:82%;height:380px;position:absolute;top:70px;left:9%}.kr .editor-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.kr .editor-heading h2{color:#ffffffab;margin:0;font-size:12px;font-weight:400}.kr .expand-button{color:#ffffffd1;background:0 0;align-items:center;gap:8px;padding:8px 0 8px 12px;font-size:12px;display:flex}.kr .expand-button svg{width:14px;height:14px}.kr .editor-figure{margin:0}.kr .editor-frame{aspect-ratio:1.515;background:#414141;border:1px solid #ffffff39;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0007,0 0 0 7px #ffffff03}.kr .editor-image{width:110.45%;max-width:none;height:auto;display:block;position:absolute;top:-5.4%;left:-5.2%}.kr .editor-figure figcaption{color:#ffffff8c;justify-content:space-between;padding:18px 3px;font-size:11px;display:flex}.kr .capture-label{letter-spacing:1.5px;font-size:9px}.kr .spotlight{opacity:0;border:2px solid var(--kr-blue);pointer-events:none;border-radius:10px;transition:top .45s,left .45s,width .45s,height .45s,opacity .3s;position:absolute;box-shadow:0 0 0 1500px #070c1360,0 0 24px #7ab5ff33}.kr .spotlight.visible{opacity:1}.kr .editor-tour{border-radius:19px;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:6px;padding:25px 28px;display:grid;position:relative}.kr .tour-tabs{background:#090b0e45;border-radius:12px;align-self:start;align-items:center;gap:4px;margin-top:5px;padding:5px;display:flex}.kr .tour-tabs button{color:#ffffffb5;white-space:nowrap;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 12px;font-size:12px;display:flex}.kr .tour-tabs button svg{width:15px;height:15px}.kr .tour-tabs button[aria-selected=true]{color:#fff;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0d}.kr .tour-tabs button[data-tour=camera] svg{color:var(--kr-orange)}.kr .tour-tabs button[data-tour=captions] svg{color:#73a5ff}.kr .tour-description{padding-right:33px}.kr .tour-description h3{margin:0 0 9px;font-size:15px;font-weight:500}.kr .tour-description p{color:#ffffffab;max-width:360px;margin:0;font-size:12px;line-height:1.7}.kr .tour-number{color:#ffffff7a;font-variant-numeric:tabular-nums;font-size:9px;position:absolute;bottom:13px;right:16px}.kr .principles{border-bottom:1px solid var(--kr-line);justify-content:space-between;gap:20px;padding:36px 0 40px;display:flex}.kr .principles>span{color:#ffffffa3;align-items:center;gap:9px;font-size:11px;display:flex}.kr .principles svg{color:#ffffffbd;width:16px;height:16px}.kr .capture-section{padding-top:112px}.kr .section-heading .eyebrow,.kr .eyebrow{letter-spacing:2px;color:#ffffffa8;font-size:10px;font-weight:500}.kr .section-heading h2,.kr .export-copy h2{letter-spacing:-2.6px;margin:20px 0;font-size:clamp(38px,4.1vw,57px);font-weight:500;line-height:1.09}.kr .section-heading p,.kr .export-copy>p{color:#ffffffa8;margin:0;font-size:16px;line-height:1.75}.kr .capture-section>.section-heading{text-align:center}.kr .capture-display{background:#181b2066;border:1px solid #ffffff0c;border-radius:24px;max-width:980px;margin:51px auto 0;padding:23px 35px 24px;position:relative;overflow:hidden}.kr .capture-display:before{content:"";opacity:.1;filter:blur(38px);pointer-events:none;background:#6785b3;width:60%;height:80px;position:absolute;top:45px;left:20%}.kr .capture-top{color:#ffffff85;justify-content:space-between;font-size:10px;display:flex}.kr .capture-top>span:first-child{letter-spacing:1.5px}.kr .quickbar{border-radius:70px;justify-content:center;align-items:center;gap:13px;max-width:fit-content;margin:40px auto 33px;padding:14px 17px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff20,0 20px 40px #0005}.kr .bar-close{color:#ffffff80;padding:0 4px;font-size:20px}.kr .capture-modes{background:#0e111750;border-radius:13px;gap:3px;padding:4px;display:flex}.kr .capture-modes button{color:#ffffffb5;background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-width:62px;padding:8px 9px;font-size:9px;display:flex}.kr .capture-modes svg{width:20px;height:20px}.kr .capture-modes button.selected{color:#8abbff;background:#76adff17;box-shadow:inset 0 0 0 1px #78b5ff14}.kr .bar-divider{background:#ffffff16;width:1px;height:32px}.kr .bar-inputs,.kr .bar-utilities{color:#ffffffc4;gap:17px;display:flex}.kr .bar-inputs svg,.kr .bar-utilities svg{width:18px;height:18px}.kr .record-button{background:#ef525038;border:1px solid #f16b636b;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:4px;display:grid;box-shadow:inset 0 1px 1px #ffada333}.kr .record-button i{background:#ff655e;border-radius:50%;width:20px;height:20px}.kr .source-description{justify-content:center;align-items:start;gap:20px;min-height:66px;display:flex}.kr .source-number{color:#ffffff80;font-variant-numeric:tabular-nums;padding-top:1px;font-size:30px;font-weight:300}.kr .source-description h3{margin:0 0 8px;font-size:16px;font-weight:500}.kr .source-description p{color:#ffffff9e;max-width:480px;margin:0;font-size:13px;line-height:1.6}.kr .interactive-note{text-align:center;color:#ffffff80;margin:24px 0 0;font-size:10px}.kr .input-features{grid-template-columns:repeat(4,1fr);gap:30px;max-width:960px;margin:35px auto 0;display:grid}.kr .input-features>div{padding:12px 14px}.kr .input-features svg{color:#ffffffb5;width:20px;height:20px}.kr .input-features h3{margin:15px 0 8px;font-size:14px;font-weight:500}.kr .input-features p{color:#ffffff9c;margin:0;font-size:12px;line-height:1.7}.kr .polish-section{padding-top:120px}.kr .split-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.kr .split-heading>p{padding-bottom:24px;font-size:14px}.kr .feature-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:27px;display:grid}.kr .feature-card{background:#191c20;border:1px solid #ffffff0b;border-radius:24px;padding:34px 35px 28px;overflow:hidden}.kr .feature-title{letter-spacing:1.5px;color:#ffffffad;align-items:center;gap:11px;font-size:9px;display:flex}.kr .feature-icon{border:1px solid;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.kr .feature-icon svg{width:18px;height:18px}.kr .orange{color:#d59357;background:#e5904810}.kr .blue{color:#77a8e5;background:#499bff10}.kr .purple{color:#a088c6;background:#9365d410}.kr .pink{color:#ffffffc4;background:#d2689f10}.kr .feature-card h3{letter-spacing:-1px;margin:26px 0 17px;font-size:29px;font-weight:500;line-height:1.15}.kr .feature-card>p{color:#ffffffa8;max-width:430px;margin:0;font-size:14px;line-height:1.8}.kr .timeline-detail{background:#414141;border:1px solid #ffffff15;border-radius:10px;height:112px;margin:31px -12px 0;position:relative;overflow:hidden}.kr .timeline-detail img{width:180%;max-width:none;height:auto;position:absolute;top:-415%;left:-3%}.kr .feature-footer{gap:9px;margin-top:18px;display:flex}.kr .feature-footer span{color:#ffffff9e;border:1px solid #ffffff12;border-radius:7px;padding:6px 9px;font-size:10px}.kr .suggestion{background:#252e3a70;border-radius:15px;margin:31px 0 0;padding:20px}.kr .suggestion>div:first-child{color:#adc7eb;align-items:center;gap:10px;display:flex}.kr .suggestion svg{width:18px;height:18px}.kr .suggestion b{font-size:12px;font-weight:500}.kr .suggestion p{color:#ffffffb0;margin:12px 0 18px;font-size:12px;line-height:1.7}.kr .suggestion-actions{gap:8px;display:flex}.kr .suggestion-actions span{color:#ffffffbf;background:#ffffff08;border-radius:7px;padding:7px 13px;font-size:10px}.kr .suggestion-actions span:first-child{color:#b1d0ff;background:#79adff25}.kr .compact{min-height:330px}.kr .compact h3{font-size:27px}.kr .cursor-options{flex-wrap:wrap;gap:19px;margin-top:30px;display:flex}.kr .cursor-options>span{color:#ffffffba;align-items:center;gap:5px;font-size:10px;display:flex}.kr .cursor-options svg{width:12px;height:12px}.kr .caption-sample{border:1px dashed #629cf177;max-width:fit-content;margin:30px auto 0;padding:6px;position:relative;transform:rotate(-2deg)}.kr .caption-sample>span{color:#000;background:#e8edf5;border-radius:5px;padding:10px 17px;font-size:13px;font-weight:550;display:block}.kr .caption-sample:before,.kr .caption-sample:after{content:"";background:#86b8ff;border-radius:1px;width:5px;height:5px;position:absolute;top:-3px;left:-3px}.kr .caption-sample:after{inset:auto -3px -3px auto}.kr .export-section{grid-template-columns:1fr 1fr;align-items:center;gap:68px;padding-top:125px;display:grid}.kr .export-copy>p{font-size:14px}.kr .format-types{gap:24px;margin-top:30px;display:flex}.kr .format-types>span{font-size:15px;font-weight:500}.kr .format-types small{color:#ffffff96;margin-top:7px;font-size:10px;font-weight:400;display:block}.kr .export-copy .export-footnote{color:#ffffff8a;margin-top:32px;font-size:11px}.kr .export-preview{background:#1c232e7d;border-radius:24px;padding:23px;overflow:hidden}.kr .export-top{letter-spacing:1.5px;color:#ffffffc2;justify-content:space-between;font-size:9px;display:flex}.kr .export-top>span:last-child{letter-spacing:0;color:#ffffffde;font-variant-numeric:tabular-nums}.kr .ratio-stage{justify-content:center;align-items:center;height:250px;display:flex}.kr .ratio-frame{background:#303d51;border:1px solid #90afd13b;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:300px;height:169px;transition:width .5s,height .5s;display:flex;box-shadow:0 20px 40px #060c1940}.kr .ratio-frame img{width:42px;height:42px}.kr .ratio-frame>span{letter-spacing:-.2px;text-align:center;font-size:13px;font-weight:500}.kr .ratio-frame small{color:#ffffffc9;font-size:9px}.kr .format-tabs{background:#070e193d;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.kr .format-tabs button{color:#ffffffb3;white-space:nowrap;background:0 0;border-radius:8px;padding:10px 4px;font-size:10px}.kr .format-tabs button.selected{color:#fffffff5;background:#ffffff0e;box-shadow:inset 0 1px #ffffff0b}.kr .export-preview>p{color:#ffffffab;text-align:center;min-height:16px;margin:20px 0 3px;font-size:11px}.kr .extras{border-top:1px solid var(--kr-line);grid-template-columns:repeat(3,1fr);gap:42px;margin-top:87px;padding-top:38px;display:grid}.kr .extras svg{color:#ffffffad}.kr .extras h3{margin:20px 0 12px;font-size:15px;font-weight:500}.kr .extras p{color:#ffffff9e;margin:0;font-size:13px;line-height:1.8}.kr .questions{grid-template-columns:1fr 1.3fr;gap:70px;padding-top:120px;padding-bottom:110px;display:grid}.kr .questions .section-heading h2{font-size:47px}.kr .faq-list details{border-bottom:1px solid #ffffff12}.kr .faq-list details:first-child{border-top:1px solid #ffffff12}.kr .faq-list summary{cursor:pointer;color:#ffffffd1;justify-content:space-between;gap:25px;padding:22px 0;font-size:14px;line-height:1.5;list-style:none;display:flex}.kr .faq-list summary::-webkit-details-marker{display:none}.kr .faq-list summary>span{color:#fff9;font-size:18px;transition:transform .2s}.kr .faq-list details[open] summary>span{transform:rotate(45deg)}.kr .faq-list details p{color:#ffffffa6;margin:0 25px 22px 0;font-size:13px;line-height:1.8}.kr .closing{text-align:center;border-top:1px solid var(--kr-line);padding:67px 0 74px}.kr .closing-icon{filter:drop-shadow(0 10px 24px #0005);margin:0 auto 24px;display:block}.kr .closing .eyebrow{color:#ffffff9c;font-size:9px}.kr .closing h2{letter-spacing:-3.5px;margin:25px 0 21px;font-size:68px;font-weight:500;line-height:1.03}.kr .closing h2 em{color:#ffffffd1;font-style:normal}.kr .closing>p{color:#ffffffad;margin:0 0 28px;font-size:14px}.kr .release-note{color:#ffffff8c;margin-top:18px;font-size:10px;display:block}.kr footer{border-top:1px solid var(--kr-line);justify-content:space-between;align-items:center;gap:25px;padding:27px 0 35px;display:flex}.kr footer .logo{font-size:18px}.kr footer>span,.kr footer>a:last-child{color:#fff9;font-size:10px}.kr dialog{color:#fff;background:#131517;border:1px solid #ffffff35;border-radius:15px;width:min(96vw,1600px);max-width:none;max-height:96vh;padding:0;box-shadow:0 30px 100px #0009}.kr dialog::backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#05080ded}.kr dialog>img{width:100%;height:auto;display:block}.kr .dialog-bar{z-index:1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#24272deb;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex;position:sticky;top:0}.kr .dialog-bar button{color:#ffffffd6;background:#ffffff0b;border:1px solid #ffffff15;border-radius:8px;min-width:36px;min-height:36px;font-size:25px}.kr .skip{color:#000;z-index:50;background:#fff;padding:15px;position:fixed;top:-100px;left:20px}.kr .skip:focus{top:20px}.kr :focus-visible{outline-offset:5px;outline:2px solid #8abbff}.kr .tour-description:focus-visible{outline-offset:8px}@media (min-width:1500px){.kr .hero{padding-top:88px}.kr .editor-section{max-width:1260px}}@media (max-width:1100px){.kr .container{width:calc(100% - 64px)}.kr .editor-tour{grid-template-columns:1fr 1fr;gap:18px;padding:22px 20px}.kr .tour-tabs button{padding:9px 7px;font-size:11px}.kr .tour-tabs button svg{display:none}.kr .hero h1{font-size:84px}.kr .quickbar{gap:10px}.kr .bar-inputs{gap:13px}.kr .bar-utilities{display:none}.kr .bar-utilities+.record-button{margin-left:0}.kr .capture-display{padding-inline:25px}.kr .feature-card{padding:27px}.kr .timeline-detail img{top:-345%}.kr .export-section{gap:35px}.kr .format-tabs button{font-size:9px}.kr .principles{flex-wrap:wrap;justify-content:center;gap:20px 28px}.kr .principles>span{font-size:10px}.kr .extras{gap:30px}}@media (max-width:760px){.kr .container{width:calc(100% - 40px)}.kr .navigation{border-radius:18px;gap:14px;width:calc(100% - 32px);min-height:60px;margin-top:12px;padding:8px 12px;top:12px}.kr .navigation nav{gap:16px;font-size:12px}.kr .navigation nav a:last-child{display:none}.kr .logo{gap:5px;font-size:19px}.kr .logo img{width:30px;height:30px}.kr .nav-action{gap:7px;padding:9px 11px;font-size:11px}.kr .nav-action svg{width:13px}.kr .hero{padding:56px 0 42px}.kr .hero-label{letter-spacing:1.1px;gap:7px;font-size:8px}.kr .mac-key{padding:4px 5px;font-size:11px}.kr .hero h1{letter-spacing:-3.2px;margin-top:25px;font-size:clamp(55px,11.8vw,82px)}.kr .hero-inner>p{font-size:15px}.kr .hero-actions{gap:9px;margin-top:25px}.kr .button{gap:12px;min-height:46px;padding:13px 15px;font-size:12px}.kr .button svg{width:15px}.kr .hero-meta{font-size:9px}.kr .editor-heading h2{max-width:210px;font-size:10px;line-height:1.5}.kr .expand-button{white-space:nowrap;font-size:10px}.kr .editor-frame{border-radius:8px;box-shadow:0 15px 40px #0005}.kr .editor-section:before{filter:blur(60px);height:200px}.kr .editor-figure figcaption{gap:10px;padding-top:14px;font-size:9px}.kr .capture-label{letter-spacing:1px;font-size:7px}.kr .editor-tour{border-radius:15px;flex-direction:column;gap:18px;padding:14px 16px 23px;display:flex}.kr .tour-tabs{width:100%;margin:0}.kr .tour-tabs button{min-height:37px;font-size:11px}.kr .tour-tabs button svg{width:13px;height:13px;display:block}.kr .tour-description{padding:0 10px}.kr .tour-description h3{font-size:14px}.kr .tour-description p{max-width:none;font-size:12px}.kr .tour-number{font-size:8px}.kr .principles{grid-template-columns:1fr 1fr;gap:18px 14px;padding:26px 0 29px;display:grid}.kr .principles>span{gap:7px;font-size:9px;line-height:1.5}.kr .principles svg{width:14px;height:14px}.kr .capture-section{padding-top:69px}.kr .section-heading h2,.kr .export-copy h2{letter-spacing:-1.7px;font-size:40px}.kr .section-heading p,.kr .export-copy>p{font-size:14px}.kr .eyebrow{letter-spacing:1.4px!important;font-size:9px!important}.kr .capture-display{border-radius:18px;margin-top:31px;padding:20px 16px}.kr .capture-top{font-size:8px}.kr .capture-top>span:last-child{text-align:right;max-width:160px}.kr .quickbar{border-radius:30px;gap:7px;width:fit-content;max-width:100%;margin:28px auto 25px;padding:8px 9px}.kr .bar-close,.kr .bar-utilities,.kr .bar-inputs,.kr .bar-divider{display:none}.kr .capture-modes{gap:0;padding:2px}.kr .capture-modes button{gap:4px;min-width:45px;padding:7px 6px;font-size:8px}.kr .capture-modes svg{width:18px;height:18px}.kr .record-button{flex-shrink:0;width:34px;height:34px;margin-left:3px}.kr .record-button i{width:17px;height:17px}.kr .source-description{justify-content:start;gap:13px;min-height:88px}.kr .source-number{font-size:26px}.kr .source-description h3{font-size:14px;line-height:1.4}.kr .source-description p{font-size:12px}.kr .interactive-note{margin-top:14px;font-size:9px}.kr .input-features{grid-template-columns:1fr 1fr;gap:18px 15px;margin-top:25px}.kr .input-features>div{padding:10px}.kr .input-features h3{font-size:13px}.kr .input-features p{font-size:11px}.kr .polish-section{padding-top:65px}.kr .split-heading{display:block}.kr .split-heading>p{padding-bottom:0}.kr .feature-grid{grid-template-columns:1fr;gap:15px;margin-top:28px}.kr .feature-card{border-radius:19px;padding:26px}.kr .feature-card h3{font-size:28px}.kr .feature-card>p{font-size:13px}.kr .timeline-detail{height:95px;margin-top:25px}.kr .timeline-detail img{width:180%;top:-405%}.kr .feature-card.compact{min-height:0;padding-bottom:30px}.kr .feature-title{font-size:9px}.kr .export-section{grid-template-columns:1fr;gap:31px;padding-top:70px}.kr .export-preview{border-radius:19px;padding:22px 18px}.kr .format-tabs button{min-height:40px;font-size:9px}.kr .ratio-stage{height:250px}.kr .ratio-frame{max-width:100%}.kr .export-copy .export-footnote{margin-top:23px}.kr .extras{grid-template-columns:1fr;gap:28px;margin-top:47px;padding-top:32px}.kr .extras>div{padding-left:40px;position:relative}.kr .extras svg{width:21px;height:21px;position:absolute;top:1px;left:0}.kr .extras h3{margin:0 0 9px;font-size:14px}.kr .extras p{font-size:12px}.kr .questions{grid-template-columns:1fr;gap:18px;padding:66px 0 63px}.kr .questions .section-heading h2{font-size:40px}.kr .faq-list summary{padding:20px 0;font-size:13px}.kr .faq-list details p{font-size:12px}.kr .closing{padding:43px 0 52px}.kr .closing-icon{width:65px;height:65px}.kr .closing h2{letter-spacing:-2.5px;font-size:55px}.kr .closing>p{font-size:12px;line-height:1.7}.kr .closing .button{font-size:13px}.kr .release-note{font-size:9px}.kr footer{flex-wrap:wrap;gap:21px;padding-top:23px}.kr footer>span:nth-child(2){display:none}.kr footer .logo{font-size:17px}.kr footer>span,.kr footer>a:last-child{font-size:9px}.kr dialog{width:98vw}.kr .dialog-bar{padding:9px 12px;font-size:11px}}@media (max-width:390px){.kr .navigation nav{display:none}.kr .hero-actions{flex-direction:column;align-items:center}.kr .hero-actions .button{min-width:205px}.kr .hero h1{font-size:52px}.kr .tour-tabs button{padding:7px 5px;font-size:10px}.kr .tour-tabs button svg{display:none}.kr .capture-modes button{min-width:40px}.kr .record-button{width:29px;height:29px}.kr .quickbar{gap:3px}.kr .timeline-detail img{top:-335%}}.kr .timeline-detail img{width:155%;top:50%;left:-6.5%;transform:translateY(-68.4%)}.kr .ratio-frame{aspect-ratio:16/9;height:auto}@media (prefers-reduced-motion:reduce){.kr{scroll-behavior:auto}.kr *,.kr :before,.kr :after{transition:none!important;animation:none!important}}.kr{--kr-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;--kr-ease:cubic-bezier(.16,1,.3,1);background:#000}.kr .editor-section:before{display:none}.kr .navigation{width:min(1050px,100% - 80px);max-width:none;transition:top .5s var(--kr-ease),width .5s var(--kr-ease),border-radius .5s var(--kr-ease),padding .5s var(--kr-ease),background-color .4s,border-color .4s,box-shadow .4s;align-items:center;margin:0;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.kr .nav-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.kr .navigation.is-extended{width:100%;box-shadow:none;background:#000000b8;border-color:#0000 #0000 #ffffff14;border-radius:0;padding-inline:max(56px,50% - 610px);top:0}.kr .hero{text-align:center;padding:204px 0 72px;position:relative;overflow:hidden}.kr .hero h1{margin:0 0 44px}.kr .hud{position:absolute;top:112px;left:0;right:0}.kr .hud .container{font:500 11px/1 var(--kr-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff75;justify-content:space-between;gap:16px;display:flex}.kr .hud b{color:#fffffff5;font-variant-numeric:tabular-nums;font-weight:500}.kr .rec{align-items:center;gap:10px;display:inline-flex}.kr .rec i{background:#ff453a;border-radius:50%;width:8px;height:8px;animation:1.6s steps(2,jump-none) infinite kr-blink;box-shadow:0 0 12px #ff453a}@keyframes kr-blink{50%{opacity:.25}}.kr .word{display:inline-block}.kr .frame{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.kr .frame i{opacity:.9;border:2px solid #f3f4f6;width:22px;height:22px;position:absolute}.kr .frame i:first-child{border-bottom:0;border-right:0;border-top-left-radius:6px;top:0;left:0}.kr .frame i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:6px;top:0;right:0}.kr .frame i:nth-child(3){border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:0;right:0}.kr .frame i:nth-child(4){border-top:0;border-right:0;border-bottom-left-radius:6px;bottom:0;left:0}.kr .frame span{font:500 10px/1 var(--kr-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6;white-space:nowrap;position:absolute;top:calc(100% + 12px);left:0}.kr .frame.snap i{animation:kr-snap .45s var(--kr-ease)}@keyframes kr-snap{40%{transform:scale(.8)}}.kr .click-ring{pointer-events:none;border:2px solid #f3f4f6;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;animation:.6s ease-out forwards kr-ring;position:absolute}@keyframes kr-ring{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.3)}}@media (max-width:760px){.kr .navigation{width:calc(100% - 32px);top:12px}.kr .navigation.is-extended{padding-inline:20px}.kr .hero{padding:148px 0 44px}.kr .hud{top:92px}.kr .hud .container{font-size:9px}}.kr .dot-field{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.kr .hud{z-index:1}.kr .hero-inner{z-index:1;position:relative}.kr .workspace{padding-top:40px}.kr .ws-head{gap:20px;margin-bottom:44px;display:grid}.kr .ws-head h2{letter-spacing:-.045em;margin:0;font-size:clamp(40px,5.4vw,72px);font-weight:600;line-height:.98}.kr .ws-head h2 .dim{color:#ffffff69;display:block}.kr .ws-head p{color:#ffffffa6;max-width:52ch;margin:0;font-size:16px;line-height:1.7}.kr .ws-panel{background:#0b0b0c;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.kr .ws-view{padding:clamp(10px,2.4vw,28px) clamp(10px,2.4vw,28px) 0}.kr .ws-view video{background:#000;border-radius:10px;width:100%;height:auto;display:block}.kr .ws-bar{align-items:center;gap:14px;padding:16px clamp(16px,2.4vw,28px) 12px;display:flex}.kr .ws-play{background:#18181a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 0 1px #ffffff26}.kr .ws-play svg{fill:currentColor;stroke:none;width:14px;height:14px}.kr .ws-tc{font:500 13px/1 var(--kr-mono);color:#ffffffa3;font-variant-numeric:tabular-nums}.kr .ws-status{color:#ffffffa3;margin-left:auto;font-size:13px}.kr .ws-track{cursor:ew-resize;touch-action:none;background:#141416;border-radius:8px;height:34px;margin:0 clamp(16px,2.4vw,28px) 22px;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.kr .ws-shot{color:#ffd2ad;white-space:nowrap;pointer-events:none;background:#ff85232e;border:1px solid #ff8523;border-radius:6px;align-items:center;padding-left:8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:5px;bottom:5px;overflow:hidden}.kr .ws-head-line{pointer-events:none;background:#0a84ff;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;left:0}.kr .ws-head-line:before{content:"";background:#0a84ff;border-radius:2px 2px 5px 5px;width:10px;height:7px;position:absolute;top:-2px;left:-4px}.kr .ws-panel.is-still .ws-bar,.kr .ws-panel.is-still .ws-track{display:none}.kr .ws-panel.is-still .ws-view{padding-bottom:clamp(10px,2.4vw,28px)}.kr .ws-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 44px;margin-top:44px;display:grid}.kr .ws-trio h3{margin:0 0 8px;font-size:15px;font-weight:600}.kr .ws-trio h3 svg{color:#ffffffbd;width:17px;height:17px}.kr .ws-trio p{color:#ffffff9c;margin:0;font-size:13px;line-height:1.7}@media (max-width:760px){.kr .ws-trio{grid-template-columns:1fr;gap:22px}.kr .ws-status{display:none}.kr .ws-shot{padding:0;font-size:0}.kr .ws-panel{border-radius:15px}}.kr .motion{padding-top:120px}.kr .motion .ws-head{margin-bottom:40px}.kr .mo-panel{background:#0b0b0c;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.kr .mo-graph{border-right:1px solid #ffffff14;align-content:start;gap:22px;padding:32px;display:grid}.kr .mo-seg{background:#18181a;border-radius:11px;justify-self:start;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.kr .mo-seg button{color:#ffffffa3;background:0 0;border-radius:8px;height:32px;padding:0 14px;font-size:13px;font-weight:500}.kr .mo-seg button:hover{color:#fffffff5}.kr .mo-seg button[aria-pressed=true]{color:#000;background:#f3f4f6}.kr .mo-graph svg{fill:none;stroke:none;width:100%;height:auto;overflow:visible}.kr .mo-axis{stroke:#ffffff26;stroke-width:1px}.kr .mo-guide{stroke:#ffffff14;stroke-dasharray:3 4}.kr .mo-curve{stroke:#f3f4f6;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.kr .mo-dot{fill:#ff453a;transition:opacity .2s}.kr .mo-graph text{fill:#ffffff6b;stroke:none;font:500 10px var(--kr-mono);letter-spacing:.08em}.kr .mo-note{color:#ffffffa3;min-height:3.2em;margin:0;font-size:14px;line-height:1.6}.kr .mo-stage{background:#141416;place-items:center;padding:32px;display:grid}.kr .mo-shot{aspect-ratio:1599/900;border-radius:10px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 50px #0008}.kr .mo-shot img{transform-origin:0 0;will-change:transform;width:100%;height:100%;display:block}@media (max-width:860px){.kr .mo-panel{grid-template-columns:1fr}.kr .mo-graph{border-bottom:1px solid #ffffff14;border-right:0}}@media (max-width:760px){.kr .motion{padding-top:70px}.kr .mo-graph,.kr .mo-stage{padding:22px}.kr .mo-panel{border-radius:15px}}.kr .record{padding-top:120px}.kr .record .ws-head{margin-bottom:40px}.kr .rec-stage{background:#111113;border-radius:10px;height:clamp(150px,20vw,240px);margin:clamp(10px,2.4vw,28px) clamp(10px,2.4vw,28px) 0;position:relative;overflow:hidden}.kr .rec-controls{align-items:center;gap:24px;padding:18px clamp(16px,2.4vw,28px) 22px;display:flex}.kr .rec-desc{color:#ffffffa3;margin:0;font-size:13px;line-height:1.6}.kr .rec-desc b{color:#fffffff5;font-weight:600}@media (max-width:860px){.kr .rec-controls{flex-direction:column;align-items:flex-start;gap:14px}}@media (max-width:760px){.kr .record{padding-top:70px}.kr .mo-seg button{padding:0 11px}}.kr .qb{--kr-qb-accent:#0a84ff;transform-origin:50%;-webkit-backdrop-filter:blur(30px)saturate(160%);white-space:nowrap;background:#1e1e20b8;border-radius:999px;align-items:center;gap:10px;height:64px;padding:7px 12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 44px #0009}.kr .qb svg{stroke-width:1.9px;width:15px;height:15px}.kr .qb-circle{color:#ffffff8c;background:#ffffff0f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.kr .qb-close{width:24px;height:24px}.kr .qb-close svg{stroke-width:2.8px;width:10px;height:10px}.kr .qb-tabs{background:#ffffff0f;border-radius:16px;gap:2px;padding:3px;display:flex}.kr .qb-tab{color:#ffffff8c;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:64px;height:42px;font-size:11px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.kr .qb-tab:hover{color:#fff;background:#ffffff0f}.kr .qb-tab[aria-pressed=true]{color:var(--kr-qb-accent);background:#0a84ff29}.kr .qb-divider{background:#ffffff24;flex:none;width:1px;height:30px;margin:0 2px}.kr .qb-inputs{gap:5px;display:flex}.kr .qb-toggle{transition:background-color .18s,color .18s,box-shadow .18s,opacity .18s;position:relative}.kr .qb-toggle:hover{background:#ffffff1c}.kr .qb-toggle[aria-pressed=true]{color:var(--kr-qb-accent);background:#0a84ff29;box-shadow:inset 0 0 0 1px #0a84ff66}.kr .qb[data-mode=device] .qb-toggle{color:#ffffff8c;box-shadow:none;opacity:.6;cursor:default;background:#ffffff0f}.kr .qb[data-mode=device] .qb-toggle:after{content:"";background:currentColor;border-radius:1px;width:19px;height:1.7px;margin:-.85px 0 0 -9.5px;position:absolute;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 0 1.4px #2a2a2c}.kr .qb-record{color:#fff;background:#ff453a;border-radius:999px;flex:none;align-items:center;gap:7px;height:36px;padding:0 14px 0 11px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 3px 8px #ff453a59}.kr .qb-record i{background:#fff;border-radius:50%;width:10px;height:10px}@media (max-width:760px){.kr .qb-extra{display:none}}.kr .details{padding-top:120px}.kr .details .ws-head{margin-bottom:40px}.kr .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.kr .card{background:#0b0b0c;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.kr .card-art{background:#111113;border-bottom:1px solid #ffffff14;place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.kr .card-txt{gap:6px;padding:20px 22px 24px;display:grid}.kr .card-txt h3{margin:0;font-size:16px;font-weight:600}.kr .card-txt p{color:#ffffffa3;margin:0;font-size:14px;line-height:1.6}.kr .card-tools{align-items:center;gap:10px;margin-top:8px;display:flex}.kr .card-label{font:500 11px/1 var(--kr-mono);letter-spacing:.14em;color:#ffffff6b}.kr .card-tools input[type=range]{accent-color:#f3f4f6;width:140px}.kr .keys{gap:8px;display:flex}.kr .keys kbd{min-width:50px;height:50px;font:600 19px/1 var(--kr-font);color:#fffffff5;background:#18181a;border-radius:11px;place-items:center;padding:0 14px;display:grid;box-shadow:inset 0 0 0 1px #ffffff26,0 3px #000}.kr .keys.pop kbd{animation:kr-keypop .35s var(--kr-ease)}@keyframes kr-keypop{30%{transform:translateY(3px);box-shadow:inset 0 0 0 1px #ffffff26,0 0 #000}}.kr .cam-frame{aspect-ratio:16/10;background:#fafaf8;border-radius:8px;width:220px;position:relative}.kr .cam-bubble{width:64px;height:64px;transition:border-radius .35s var(--kr-ease);background:#8fa1b2;border-radius:50%;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 0 0 3px #fff,0 8px 18px #0006}.kr .cam-bubble.square{border-radius:16px}.kr .cam-bubble:before{content:"";aspect-ratio:1;background:#eacbab;border-radius:50%;width:36%;margin-left:-18%;position:absolute;top:20%;left:50%}.kr .cam-bubble:after{content:"";aspect-ratio:1;background:#3b4754;border-radius:50%;width:78%;margin-left:-39%;position:absolute;bottom:-34%;left:50%}.kr .cur-stage{cursor:crosshair;background:#fafaf8;border-radius:8px;position:absolute;inset:24px 48px;overflow:hidden}.kr .cur-stage svg{transform-origin:1px 1px;width:22px;height:25px;transition:transform .25s var(--kr-ease),left .25s var(--kr-ease),top .25s var(--kr-ease);pointer-events:none;filter:drop-shadow(0 2px 3px #0006);stroke:none;fill:initial;position:absolute;top:40%;left:46%}.kr .cur-stage .click-ring{border-color:#2c7be5}.kr .mini-thumb{aspect-ratio:16/9;background:#26272a;border-radius:8px;width:240px;position:relative;overflow:hidden}.kr .mini-thumb:before{content:"";aspect-ratio:16/10;opacity:.92;background:#fafaf8;border-radius:6px;width:140px;position:absolute;top:18px;right:-18px}.kr .mini-thumb:after{content:"";background:linear-gradient(#0000 30%,#000000d9);position:absolute;inset:0}.kr .mini-thumb b{z-index:1;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:1;position:absolute;bottom:14px;left:16px;right:16px}.kr .text-in{color:#fffffff5;width:100%;height:36px;font:inherit;background:#18181a;border:0;border-radius:9px;padding:0 12px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff26}.kr .text-in:focus{outline:none;box-shadow:inset 0 0 0 1px #a3a3a0}.kr .pair{transition:all .5s var(--kr-ease);background:#c9c1b3;border-radius:8px;gap:8px;padding:12px;display:flex}.kr .pair.stacked{flex-direction:column}.kr .pair i{aspect-ratio:16/10;width:96px;transition:all .5s var(--kr-ease);background:#fafaf8;border-radius:5px;position:relative}.kr .pair.stacked i{width:88px}.kr .pair i:after{content:attr(data-s);color:#fff;font:600 9px/1 var(--kr-mono);background:#141414d6;border-radius:4px;padding:2px 5px;font-style:normal;position:absolute;top:6px;left:6px}.kr .phones{align-items:flex-end;gap:12px;display:flex}.kr .phones i{aspect-ratio:1320/2868;background:#18181a;border-radius:10px;width:50px;position:relative;box-shadow:inset 0 0 0 2px #a3a3a0}.kr .phones i:before{content:"";background:#f3f4f6;border-radius:3px;height:5px;position:absolute;top:11%;left:16%;right:16%}.kr .phones i:after{content:"";opacity:.85;background:#fafaf8;border-radius:5px;position:absolute;inset:26% 14% 8%}.kr .phones i:nth-child(2){transform:translateY(-12px)}@media (max-width:960px){.kr .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.kr .cards{grid-template-columns:1fr}}@media (max-width:760px){.kr .details{padding-top:70px}}.kr .shapes{padding-top:120px}.kr .shapes .ws-head{margin-bottom:40px}.kr .sh-top{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.kr .sh-name{color:#ffffffa3;font-size:14px}.kr .sh-name b{color:#fffffff5;font-weight:600}.kr .sh-stage{place-items:center;height:clamp(300px,42vw,480px);padding:28px;display:grid}.kr .sh-canvas{transition:width .6s var(--kr-ease),height .6s var(--kr-ease);background:#c9c1b3;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.kr .sh-card{transition:width .6s var(--kr-ease),height .6s var(--kr-ease);border-radius:6px;display:block;position:absolute;box-shadow:0 16px 34px -14px #0009}.kr .sh-cap{color:#fff;white-space:nowrap;background:#141414d6;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.kr .sh-cam{aspect-ratio:1;background:#8fa1b2;border-radius:50%;width:13%;position:absolute;bottom:6%;right:5%;box-shadow:0 0 0 2px #fff}.kr .sh-chips{flex-wrap:wrap;gap:10px;padding:0 26px 26px;display:flex}.kr .sh-chips span{color:#ffffffa3;border-radius:999px;padding:8px 13px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff26}.kr .sh-chips b{color:#fffffff5;font-weight:600}@media (max-width:760px){.kr .shapes{padding-top:70px}.kr .sh-top,.kr .sh-stage{padding:18px}.kr .sh-chips{padding:0 18px 20px}}.kr .files{padding-top:120px}.kr .files .ws-head,.kr .faq .ws-head{margin-bottom:40px}.kr .files-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px 64px;display:grid}.kr .tree{font:14px/2 var(--kr-mono);color:#ffffffa3;white-space:pre;padding:26px 28px;overflow-x:auto}.kr .tree b{color:#fffffff5;font-weight:500}.kr .tree em{color:#ffffff6b;font-style:normal}.kr .promises{margin:0}.kr .promises div{border-top:1px solid #ffffff14;grid-template-columns:200px 1fr;gap:16px;padding-block:18px;display:grid}.kr .promises dt{font-size:15px;font-weight:600}.kr .promises dd{color:#ffffffa3;margin:0;font-size:15px;line-height:1.6}.kr .faq{padding-top:120px;padding-bottom:110px}.kr .faq-items{border-top:1px solid #ffffff14}.kr .faq-items details{border-bottom:1px solid #ffffff14}.kr .faq-items summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;font-size:18px;font-weight:600;list-style:none;display:flex}.kr .faq-items summary::-webkit-details-marker{display:none}.kr .faq-items summary:after{content:"+";font:300 26px/1 var(--kr-font);color:#ffffff6b;transition:transform .3s var(--kr-ease)}.kr .faq-items details[open] summary:after{transform:rotate(45deg)}.kr .faq-items details p{color:#ffffffa3;max-width:70ch;margin:0;padding-bottom:26px;font-size:16px;line-height:1.7}.kr .faq-items code{font:.9em var(--kr-mono);color:#fffffff5}@media (max-width:860px){.kr .files-grid{grid-template-columns:1fr}.kr .promises div{grid-template-columns:1fr;gap:4px}}@media (max-width:760px){.kr .files,.kr .faq{padding-top:70px}.kr .faq{padding-bottom:64px}.kr .faq-items summary{padding-block:20px;font-size:16px}.kr .tree{padding:20px;font-size:12px}}.kr .close{border-top:1px solid #ffffff14;padding-block:clamp(120px,16vw,220px) 80px}.kr .close h2{letter-spacing:-.055em;margin:0 0 40px;font-size:clamp(52px,9vw,136px);font-weight:600;line-height:.92}.kr .close h2 .dim{color:#ffffff69;display:block}.kr .close-actions{flex-wrap:wrap;gap:12px;display:flex}.kr .close-note{color:#ffffff6b;margin:22px 0 0;font-size:12px}.kr footer.foot{border-top:1px solid #ffffff14;padding:0;display:block}.kr .foot-grid{grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 44px;display:grid}.kr .foot-grid .logo{font-size:18px}.kr .foot-grid p{color:#ffffff6b;max-width:32ch;margin:14px 0 0;font-size:14px;line-height:1.6}.kr .foot-col b{font:500 11px/1.2 var(--kr-mono);letter-spacing:.16em;color:#ffffff6b;margin-bottom:14px;display:block}.kr .foot-col a{color:#ffffffa3;padding-block:5px;font-size:14px;display:block}.kr .foot-col a:hover{color:#fffffff5}.kr .foot-base{color:#ffffff6b;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:20px 36px;font-size:13px;display:flex}.kr .foot-base a:hover{color:#fffffff5}@media (max-width:760px){.kr .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kr .foot-grid>div:first-child{grid-column:1/-1}.kr .close{padding-bottom:56px}.kr .navigation nav a:nth-child(n+4),.kr .navigation nav a:last-child{display:none}}.kr{--kr-mikan:#ff8a00}.kr .hero h1>span,.kr .ws-head h2 .dim,.kr .close h2 .dim{color:var(--kr-mikan)}.kr .primary{color:#000;background:#fff;border-color:#fff}.kr .primary:hover{background:#fff}.kr .ed-fit{aspect-ratio:1440/950;width:100%;position:relative;overflow:hidden}.kr .ed{--kr-ed-accent:#0a84ff;transform-origin:0 0;color:#fff;-webkit-font-smoothing:antialiased;background:#29292b;border-radius:18px;width:1440px;height:950px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.kr .ed-b,.kr .ed-t,.kr .ed-i,.kr .ed-svg,.kr .ed-canvas,.kr .ed-chips{position:absolute}.kr .ed-t{white-space:nowrap;line-height:1.2;transform:translateY(-50%)}.kr .ed-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.kr .ed-accent{color:var(--kr-ed-accent)}.kr .ed-i{stroke-width:1.8px;pointer-events:none}.kr .ed-title{color:#ffffffeb;font-size:15px;font-weight:600}.kr .ed-canvas{background:#f59942;border-radius:6px;overflow:hidden}.kr .ed-canvas img{transform-origin:0 0;width:100%;height:100%;display:block}.kr .ed-btn{cursor:pointer}.kr .ed-chips{gap:8px;display:flex}.kr .ed-chip{background:color-mix(in srgb,var(--kr-c) 16%,transparent);height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kr-c) 55%,transparent);color:#ffffffeb;border-radius:15px;align-items:center;padding:0 14px 0 30px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.kr .ed-chip svg{width:14px;height:14px;color:var(--kr-c);stroke-width:2px;position:absolute;top:8px;left:10px}.kr .ed-block{background:color-mix(in srgb,var(--kr-c) 22%,transparent);height:40px;box-shadow:inset 0 0 0 1.2px color-mix(in srgb,var(--kr-c) 90%,transparent);color:#fffffff2;border-radius:10px;place-items:center;font-size:13px;font-weight:600;transition:box-shadow .2s;display:grid;position:absolute}.kr .ed-block svg{fill:none;width:100%;height:100%;stroke:color-mix(in srgb,var(--kr-c) 85%,transparent);stroke-width:1.5px;position:absolute;inset:0}.kr .ed-block span{position:relative}.kr .ed-block.is-selected{box-shadow:inset 0 0 0 2px #fff,0 0 16px color-mix(in srgb,var(--kr-c) 60%,transparent)}.kr .ed-playhead{background:var(--kr-ed-accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:502px;bottom:0}.kr .ed-playhead span{background:var(--kr-ed-accent);color:#fff;border-radius:11px;place-items:center;width:60px;height:22px;font:700 12px/1 ui-monospace,SF Mono,Menlo,monospace;display:grid;position:absolute;top:-4px;left:-29px}.kr .ws-view:has(.ed-fit){padding-bottom:0}.kr{scroll-padding-top:104px}@media (max-width:760px){.kr{scroll-padding-top:88px}}.kr .nav-action{color:#fff;background:0 0;border:0;padding-inline:0 4px}.kr .nav-action:hover svg{transform:translate(3px)}.kr .nav-action svg{transition:transform .2s}.kr .logo img{border-radius:23%;box-shadow:0 0 0 1px #ffffff29}
