@font-face{font-family:Pretendard;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#203c38;background:#fbfcfa;font:16px/1.65 Pretendard,system-ui,sans-serif}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e4a754;outline-offset:4px}.skip{position:fixed;left:12px;top:-60px;z-index:10;background:white;padding:10px}.skip:focus{top:8px}.qml-header{min-height:80px;padding:18px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid #d9e3dd;background:#fbfcfaf5;position:sticky;top:0;z-index:5}.brand{display:inline-flex;align-items:center;font-size:28px;letter-spacing:-1px;text-decoration:none;font-weight:650;white-space:nowrap}.brand-logo{display:block;width:129px;height:40px;object-fit:contain;flex:none}.brand span{font-size:12px;letter-spacing:2px;margin-left:10px;border-left:1px solid #baccc3;padding-left:12px}.qml-header nav{display:flex;flex:1;justify-content:flex-end;gap:28px}.qml-header nav a{text-decoration:none;font-size:14px}.qml-header [data-language-menu]{flex-shrink:0}main{max-width:1280px;margin:auto;padding:0 32px}.qml-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:80px 0;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:#648078}h1{font-size:clamp(34px,4vw,60px);line-height:1.13;word-break:keep-all;letter-spacing:-2px;margin:24px 0}h2{font-size:34px;line-height:1.25;letter-spacing:-1px}h3{font-size:21px;line-height:1.4}.lead{font-size:18px;color:#567069;max-width:520px}.fine{font-size:12px;color:#64776f;overflow-wrap:anywhere}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:28px 0}.primary,.secondary{display:inline-block;padding:12px 20px;border-radius:7px;text-decoration:none;font-size:14px}.primary{background:#315d53;color:white}.secondary{border:1px solid #b4c9bf}figure{margin:0}figure img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #d4e1da;box-shadow:0 18px 60px #203c3810}figcaption{font-size:12px;color:#62776d;margin-top:10px}.section{padding:56px 0;border-top:1px solid #d9e3dd}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title h2{margin:10px 0}.section-title label{font-size:12px}.section-title input{display:block;width:280px;padding:10px 13px;background:white;border:1px solid #b4c9bf;border-radius:7px}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.component-card{background:white;border:1px solid #d4e1da;border-radius:8px;padding:20px;text-decoration:none;transition:background .15s}.component-card:hover{background:#eaf1e9}.component-card strong{display:block}.component-card span{font-size:12px;color:#648078}.guide-grid,.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.guide-grid article{min-width:0}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:28px 24px}.showcase-grid img{aspect-ratio:3/2;object-fit:contain;background:#fff;box-shadow:none}pre{padding:22px;background:#172f2a;color:#e7efe8;border-radius:8px;overflow:auto;font-size:13px;line-height:1.7}code{font-family:Consolas,monospace}.reference-api{width:100%;border-collapse:collapse;font-size:14px}.reference-api th,.reference-api td{text-align:left;padding:12px;border-bottom:1px solid #d9e3dd;vertical-align:top}.reference-api code{overflow-wrap:anywhere;white-space:pre-wrap}.table-scroll{overflow:auto}.download-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.price-note{padding:32px;background:#eaf1e9;border-radius:14px}.price{font-size:38px;line-height:1.2;margin:16px 0}.price small{font-size:16px}details{border-bottom:1px solid #d9e3dd;padding:18px 0}summary{cursor:pointer;font-weight:600}.back{display:inline-block;margin-bottom:16px}.empty{grid-column:1/-1;padding:30px;border:1px dashed #b4c9bf}.api-intro{max-width:900px}.reference-source{color:#648078;font-size:12px}[hidden]{display:none!important}@media(max-width:1000px){.qml-hero{grid-template-columns:1fr;padding:48px 0;gap:24px}.qml-hero figure{max-width:820px}.component-grid{grid-template-columns:repeat(3,1fr)}.download-panel{gap:30px}.qml-header{gap:16px;padding:16px 24px}.qml-header nav{gap:16px}}@media(max-width:650px){main{padding:0 20px}.qml-header{flex-wrap:wrap}.qml-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:8px}.qml-header [data-language-menu]{margin-left:auto}.section-title{align-items:stretch;flex-direction:column}.section-title input{width:100%}.component-grid,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid,.download-panel{grid-template-columns:1fr;gap:24px}.section{padding:36px 0}.component-card{padding:16px}.component-card strong{font-size:14px}.price-note{padding:24px}h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.guide-grid figure{margin:0;min-width:0}.guide-grid video{display:block;width:100%;aspect-ratio:1120/790;background:#eef2ee;border:1px solid #dfe6e1;border-radius:12px}.guide-grid figcaption{margin-top:12px;color:#53675f;font-size:14px;line-height:1.7}

.reference-captures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.reference-captures img{width:auto;max-width:100%;height:auto;box-shadow:none;max-height:440px;object-fit:contain;background:#fff}@media(max-width:640px){.reference-captures{grid-template-columns:1fr}}

.reference-types{margin:24px 0 40px}.reference-types h3{font-size:18px;margin:0 0 12px}.reference-type-table th:first-child{width:220px}.reference-type-table small{display:block;color:#64776f;font-weight:400}.reference-api-section{margin:28px 0}.reference-api-section h4{font-size:17px;margin:0 0 12px}.reference-api tbody th{font-weight:500}.reference-api td{overflow-wrap:anywhere}.reference-api-details .reference-api{min-width:640px}.reference-type-table{table-layout:fixed}.reference-type-table th,.reference-type-table td{overflow-wrap:anywhere}@media(max-width:650px){.reference-type-table th:first-child{width:38%}.reference-type-table th,.reference-type-table td{padding:10px 8px}.reference-types{margin-bottom:32px}}

.reference-lead{max-width:760px;color:#567069}.reference-import{margin:20px 0 16px;font-size:13px}.reference-import code{background:#eaf1e9;padding:8px 12px;border-radius:6px;overflow-wrap:anywhere}.example-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.example-toolbar h3{margin:0}.example-themes,.example-states{display:flex;gap:6px;flex-wrap:wrap}.example-themes button,.example-states button,.copy-qml{border:1px solid #b4c9bf;border-radius:6px;background:transparent;color:inherit;padding:6px 12px;cursor:pointer;font-size:13px}.example-themes button[aria-pressed=true],.example-states button[aria-pressed=true]{background:#315d53;border-color:#315d53;color:white}.qml-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin:28px 0 48px}.qml-example{min-width:0;border:1px solid #d4e1da;border-radius:12px;padding:22px;background:white}.qml-example h4{font-size:18px;line-height:1.4;margin:0 0 10px}.qml-example h4 span{font-size:12px;color:#78948a;margin-right:6px}.example-description{font-size:14px;color:#567069;min-height:46px;margin:0 0 16px}.example-preview{border-radius:8px;background:#fff;border:1px solid #e3e9e5;overflow:hidden}.preview-kind{margin:0;padding:7px 12px;border-bottom:1px solid #e3e9e5;background:#f5f8f6;font-size:11px;color:#64776f}.preview-image{min-height:256px;display:flex;align-items:center;justify-content:center}.example-preview[data-scheme=dark] .preview-image{background:#222}.example-preview img{width:auto;max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none}.example-states{margin:16px 0;min-height:34px;align-items:center}.example-states span{font-size:12px;color:#64776f}.example-code{padding:12px 0 0;border-bottom:0;border-top:1px solid #e3e9e5}.example-code summary{font-size:14px}.example-code .copy-qml{margin-top:12px}.example-code pre{font-size:12px;max-height:420px;white-space:pre;overflow:auto;padding:16px;margin-bottom:0}.copy-status{font-size:12px;color:#567069;margin:6px 0 0}.copy-status:empty{display:none}.reference-more{margin-top:36px}.reference-more summary span{font-size:12px;color:#648078;margin-left:8px}.reference-rules h3{font-size:18px}.reference-rules p{font-size:14px;max-width:900px}@media(max-width:760px){.qml-examples{grid-template-columns:1fr}.qml-example{padding:18px}.preview-image{min-height:180px}.example-description{min-height:0}.example-toolbar{align-items:flex-start}.example-toolbar h3{font-size:20px}}
.qml-api-name{display:inline;padding:3px 1px;border:0;border-bottom:1px dotted #648078;background:transparent;color:#285b50;font:inherit;font-family:Consolas,monospace;text-align:left;cursor:pointer;overflow-wrap:anywhere}.qml-api-name:hover,.qml-api-name[aria-expanded=true]{background:#eaf1e9;border-bottom-style:solid}.qml-api-name:focus-visible{outline:2px solid #c98632;outline-offset:3px;border-radius:2px}.qml-api-names{line-height:2}.api-name-separator{color:#7b8e85}.qml-api-tooltip{position:fixed;z-index:1000;width:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:16px;border:1px solid #51746a;border-radius:10px;background:#172f2a;color:#eff6f0;box-shadow:0 12px 36px #10231d38;font-size:13px;line-height:1.6}.qml-api-tooltip .api-tooltip-heading{display:flex;align-items:center;gap:10px;flex:none}.qml-api-tooltip strong{flex:1;min-width:0;overflow-wrap:anywhere;font:600 13px/1.5 Consolas,monospace}.qml-api-tooltip button{flex:none;color:inherit;border:1px solid #73938a;border-radius:5px;background:transparent;padding:7px 10px;cursor:pointer;font-size:12px;min-height:36px}.qml-api-tooltip button:hover{background:#2a4c42}.qml-api-tooltip .api-tooltip-close{font-size:20px;line-height:20px;padding:6px 10px}.qml-api-tooltip .api-tooltip-description{margin:12px 0;max-height:22dvh;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;flex-shrink:0}.qml-api-tooltip pre{min-height:60px;max-height:min(360px,50dvh);margin:0;padding:10px;background:#10251f;border:1px solid #38564b;border-radius:6px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Consolas,monospace}.qml-api-tooltip .api-code-focus{background:#405b41;color:#fff1b5;box-shadow:0 0 0 1px #718559;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.qml-api-tooltip .qml-token-comment{color:#93afa1}.qml-api-tooltip .qml-token-string{color:#d9c88d}.qml-api-tooltip .qml-token-keyword{color:#b9a6e7}.qml-api-tooltip .qml-token-type{color:#91d3c1}.qml-api-tooltip .api-tooltip-status{margin:8px 0 0;min-height:0;flex:none;color:#bedecb}.qml-api-tooltip .api-tooltip-status:empty{display:none}.qml-api-tooltip pre:focus-visible{outline:2px solid #e4a754;outline-offset:2px}@media(max-width:650px){.qml-api-tooltip{padding:12px}.qml-api-tooltip button{min-height:44px}.qml-api-name{min-height:32px}.qml-api-tooltip .api-tooltip-description{max-height:18dvh}}
.reference-api-details .reference-api th:first-child{min-width:180px}

#reference-content>.reference-title{font-size:34px;line-height:1.25;letter-spacing:-1px}
@media(max-width:650px){#reference-content>.reference-title{font-size:28px}}