@font-face{font-family:ZCOOL;src:url('assets/fonts/zcool-kuaile-chinese-simplified-400-normal.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--paper:#f5f0e8;--surface:#fffaf2;--ink:#242320;--muted:#65625d;--line:#d8d2c8;--mint:#b5e5cf;--blue:#a8d8ea;--peach:#f4c7ab;--coral:#c44f45}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #245e84;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:ZCOOL,sans-serif;font-weight:400;line-height:1.25}h3{line-height:1.5}em{font-style:normal;color:var(--coral)}[hidden]{display:none!important}
.docs-skip{position:fixed;top:-100px;left:12px;background:var(--ink);color:white;padding:12px;z-index:100}.docs-skip:focus{top:10px}
.docs-header{position:sticky;top:0;z-index:30;min-height:80px;display:flex;align-items:center;gap:32px;padding:12px max(24px,calc((100vw - 1440px)/2));background:#fffaf2f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.docs-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700;font-size:19px}.docs-brand img{width:44px;height:44px;object-fit:contain}.docs-header nav{display:flex;gap:22px;flex:1;align-items:center}.docs-header nav a{font-size:14px;white-space:nowrap;padding:5px 0}.docs-header nav a[aria-current]{color:var(--coral);box-shadow:0 2px var(--coral)}.docs-home-link{font-size:14px;white-space:nowrap}.docs-footer{border-top:1px solid var(--line);padding:32px 24px;display:flex;gap:28px;justify-content:center;font-size:14px;color:var(--muted)}
.docs-hub{max-width:1250px;margin:auto;padding:0 30px 80px}.docs-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:80px 0 55px}.docs-eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--muted);margin-bottom:18px}.docs-hero h1{font-size:clamp(36px,4vw,59px);margin-bottom:26px}.docs-hero p:not(.docs-eyebrow){max-width:580px;color:var(--muted)}.docs-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.docs-button{display:inline-block;background:var(--ink);color:var(--surface);padding:13px 24px;border-radius:30px;font-weight:600}.docs-route-art{padding:26px;border:1px solid var(--ink);border-radius:20px;background:var(--mint);box-shadow:7px 7px 0 var(--ink);transform:rotate(2deg)}.docs-art-label,.docs-art-foot{display:block;font-size:12px;letter-spacing:.12em;font-weight:700}.docs-route-art>div{display:grid;grid-template-columns:40px 1fr;gap:0 14px;padding:18px 0;border-bottom:1px solid #24232033}.docs-route-art b{grid-row:span 2;font:28px ZCOOL,sans-serif}.docs-route-art strong{font:25px ZCOOL,sans-serif}.docs-route-art small{color:#40594d}.docs-art-foot{margin-top:18px}
.docs-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.docs-path{display:block;padding:30px;border:1px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink)}.docs-path span{font-size:11px;letter-spacing:.08em;font-weight:700}.docs-path h2{font-size:28px;margin:18px 0 12px}.docs-path p{font-size:14px;margin:0}.mint{background:var(--mint)}.blue{background:var(--blue)}.peach{background:var(--peach)}.docs-featured,.docs-library{margin-top:80px}.docs-section-head h2{font-size:36px}.docs-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.docs-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:transform .18s,border-color .18s}.docs-card:hover{transform:translateY(-3px);border-color:var(--ink)}.docs-card-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.docs-card h3{font-size:18px;margin:0}.docs-card p{font-size:14px;color:var(--muted);margin:0;flex:1}.docs-card small{color:var(--muted);font-size:11px}.docs-card.start{border-top:4px solid var(--mint)}.docs-card.advanced{border-top:4px solid var(--blue)}.docs-card.recipes{border-top:4px solid var(--peach)}
.docs-search{max-width:750px;margin:24px 0}.docs-search label{display:block;font-size:14px;margin-bottom:8px}.docs-search>div{display:flex;border:1px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--surface)}.docs-search input{width:100%;min-width:0;padding:14px 18px;border:0;background:transparent}.docs-search button{border:0;background:var(--ink);color:white;padding:10px 24px}.docs-filters{display:flex;flex-wrap:wrap;gap:10px}.docs-filters button{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:8px 18px;font-size:14px}.docs-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#docs-status,#docs-empty{font-size:14px;color:var(--muted);margin:20px 0}
.docs-layout{max-width:1500px;margin:auto;padding:36px 28px 70px;display:grid;grid-template-columns:230px minmax(0,800px) 190px;gap:36px;align-items:start}.docs-sidebar{position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto;font-size:13px;scrollbar-width:thin}.docs-sidebar details{margin-bottom:15px}.docs-sidebar summary{font-weight:700;font-size:15px;padding:8px 0}.docs-sidebar summary span{margin-left:10px;color:var(--muted);font-size:12px}.docs-sidebar nav{display:grid;gap:3px;padding:8px 0}.docs-sidebar a{display:block;border-radius:6px;padding:7px 10px;border-left:3px solid transparent}.docs-sidebar a:hover{background:#fffaf2}.docs-sidebar a[aria-current]{background:var(--mint);border-left-color:#2b6553;color:#173b2d}.docs-article{min-width:0}.docs-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:30px}.docs-article-head{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:32px}.docs-article-head h1{font-size:clamp(29px,3vw,43px);overflow-wrap:anywhere}.docs-article-head>p:not(.docs-eyebrow){color:var(--muted);font-size:15px}.docs-article-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.docs-article-meta a{color:#28647a}.docs-toc{position:sticky;top:110px;font-size:12px;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin}.docs-toc summary{font-size:13px;font-weight:700;margin-bottom:12px}.docs-toc nav{display:grid;gap:8px;border-left:1px solid var(--line);padding-left:14px}.docs-toc a{color:var(--muted);line-height:1.6}.docs-toc a:hover,.docs-toc a[aria-current]{color:var(--coral)}.docs-toc .depth-3{padding-left:10px;font-size:11px}
.docs-prose{overflow-wrap:anywhere;line-height:1.9}.docs-prose p,.docs-prose ul,.docs-prose ol{margin-bottom:22px}.docs-prose h2{font:700 25px/1.45 system-ui,sans-serif;margin:44px 0 22px;border-bottom:1px solid var(--line);padding-bottom:12px}.docs-prose h3{font-size:20px;margin:32px 0 16px}.docs-prose h4{font-size:17px;margin:28px 0 12px}.docs-prose li{margin-bottom:8px}.docs-prose a{color:#236580;text-decoration:underline;text-underline-offset:3px}.heading-link{margin-left:10px;opacity:0;font-size:.7em}.docs-prose h2:hover .heading-link,.docs-prose h3:hover .heading-link,.heading-link:focus{opacity:1}.docs-prose img{display:block;max-width:100%;height:auto;margin:24px auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.docs-prose blockquote{border-left:4px solid var(--blue);margin:24px 0;padding:4px 20px;color:var(--muted)}.docs-prose code{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#e9e5dd;border-radius:4px;padding:3px 5px}.docs-code{background:#242c32;color:#f0f1e9;border-radius:12px;overflow:hidden;margin:24px 0}.docs-code-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:#303b42;font-size:12px;color:#d2dfde}.copy-code{border:1px solid #768489;color:#eff5f0;background:transparent;border-radius:5px;padding:3px 12px;font-size:12px}.docs-code pre{overflow:auto;padding:18px;margin:0;line-height:1.7;white-space:pre}.docs-code pre code{background:transparent;color:inherit;padding:0}.docs-table{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:8px}.docs-prose table{border-collapse:collapse;min-width:100%;font-size:14px}.docs-prose th,.docs-prose td{border:1px solid var(--line);padding:12px 14px;min-width:100px}.docs-prose th{background:#e8e5db;text-align:left}.docs-prose td{background:var(--surface)}.docs-callout{padding:18px 22px;border:1px solid #89bca6;border-left:5px solid #629f83;background:#e5f0e7;border-radius:8px;margin:26px 0;font-size:14px}.docs-callout.warning,.docs-callout.caution{background:#fff0dd;border-color:#d8ab70}.docs-callout.info{background:#e4eff4;border-color:#9abacb}.docs-callout p:last-child{margin-bottom:0}.docs-category-cards{display:grid;gap:14px;margin:36px 0}.docs-pagination{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px;border-top:1px solid var(--line);padding-top:25px}.docs-pagination a{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:14px}.docs-pagination small{color:var(--muted)}
@media(min-width:1600px){.docs-layout{gap:45px}}
@media(max-width:1190px){.docs-layout{grid-template-columns:205px minmax(0,1fr);gap:28px;max-width:1100px}.docs-toc{position:static;grid-column:2;grid-row:1;max-height:none;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:10px}.docs-toc nav{display:flex;flex-wrap:wrap;gap:8px 18px}.docs-article{grid-column:2}.docs-sidebar{grid-column:1;grid-row:1 / span 2}.docs-header{gap:20px}.docs-header nav{gap:16px}.docs-header nav a{font-size:13px}}
@media(max-width:800px){.docs-header{flex-wrap:wrap;gap:10px;padding:10px 18px}.docs-brand{font-size:17px}.docs-brand img{width:35px;height:35px}.docs-header nav{order:3;flex-basis:100%;overflow:auto;gap:20px;padding:3px 0;scrollbar-width:none}.docs-home-link{margin-left:auto}.docs-hub{padding:0 20px 50px}.docs-hero{grid-template-columns:1fr;gap:35px;padding:45px 0}.docs-hero h1{font-size:41px}.docs-route-art{max-width:500px;margin:0 12px}.docs-route-art>div{padding:12px 0}.docs-paths{grid-template-columns:1fr;gap:16px}.docs-path{padding:24px}.docs-path h2{margin:10px 0}.docs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-featured,.docs-library{margin-top:55px}.docs-layout{display:flex;flex-direction:column;padding:22px 18px 50px;gap:20px}.docs-sidebar{position:static;width:100%;max-height:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 16px}.docs-sidebar details{margin-bottom:5px}.docs-sidebar details:not([open]) nav{display:none}.docs-toc{order:1;width:100%}.docs-article{order:2;width:100%}.docs-article-head h1{font-size:33px}.docs-article-meta{gap:8px 14px}.docs-sidebar nav{max-height:240px;overflow:auto}.docs-prose{font-size:15px}.docs-prose h2{font-size:22px}.docs-footer{gap:18px;flex-wrap:wrap}.docs-breadcrumb{margin-bottom:20px}html{scroll-padding-top:130px}}
@media(max-width:480px){.docs-card-grid{grid-template-columns:1fr}.docs-hero h1{font-size:35px}.docs-actions{gap:15px;font-size:14px}.docs-button{padding:12px 18px}.docs-section-head h2{font-size:30px}.docs-card{padding:20px}.docs-filters button{font-size:12px;padding:8px 12px}.docs-search button{padding:10px 16px}.docs-article-head h1{font-size:29px}.docs-pagination{grid-template-columns:1fr}.docs-sidebar summary{font-size:14px}.docs-route-art{margin:0 7px}.docs-prose ul,.docs-prose ol{padding-left:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.docs-card{transition:none}}
@media print{.docs-header,.docs-sidebar,.docs-toc,.docs-footer,.docs-pagination,.copy-code{display:none}.docs-layout{display:block;padding:0}.docs-prose img{max-height:600px}.docs-code{break-inside:avoid}.docs-article-head h1{font-family:system-ui,sans-serif}}

.docs-article-head h1{margin-bottom:0}
/* Adapted Lucian UX/UI Prompt elements 008/039/044/050/058/092.
   MIT (c) 2026 Seokwoooo — see LUCIAN-UI-LICENSE.txt. */
:root{--ux-spring:cubic-bezier(.18,.86,.26,1.12);--ux-ease:cubic-bezier(.22,.68,0,1)}
.docs-path,.docs-card{position:relative;isolation:isolate;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--ux-ease),box-shadow .35s var(--ux-ease),border-color .2s}
.docs-card::after,.docs-path::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(250px circle at var(--light-x,50%) var(--light-y,30%),#f4c7ab70,transparent 72%);transition:opacity .3s}
.docs-path::after{background:radial-gradient(230px circle at var(--light-x,50%) var(--light-y,30%),#fffaf2a6,transparent 70%)}
.has-spotlight::after{opacity:1}.docs-card:hover{transform:perspective(900px) translateY(-3px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 14px 30px -20px #24232080}.docs-path:hover{box-shadow:7px 7px 0 var(--ink)}
.docs-filters{position:relative;width:fit-content;max-width:100%;padding:5px;border:1px solid var(--line);border-radius:25px;background:var(--surface);gap:4px;isolation:isolate}
.docs-filters button{position:relative;z-index:1;background:transparent;border:0;padding:8px 18px;transition:color .25s}.docs-filters.has-pill button[aria-pressed=true]{background:transparent;color:var(--surface)}
.docs-filter-pill{display:none;position:absolute;left:0;top:var(--pill-y,5px);width:var(--pill-w,80px);height:var(--pill-h,40px);border-radius:22px;background:var(--ink);transform:translateX(var(--pill-x,5px));transition:transform .4s var(--ux-spring),width .4s var(--ux-spring),top .35s var(--ux-ease);pointer-events:none}.has-pill .docs-filter-pill{display:block}
.result-enter{animation:docs-result-enter .3s var(--ux-ease) var(--entry-delay,0ms) both}@keyframes docs-result-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
.docs-empty-state{padding:36px;border:1px dashed #c6b8a7;border-radius:20px;background:#f4c7ab26;text-align:center}.docs-empty-symbol{display:block;font:50px ZCOOL,sans-serif;color:var(--coral);margin-bottom:12px}.docs-empty-state h3{font:26px ZCOOL,sans-serif}.docs-empty-state>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.docs-empty-state button{border:1px solid var(--line);border-radius:20px;padding:8px 16px;background:var(--surface);color:var(--ink);font-size:13px}.docs-empty-state [data-reset-search]{background:var(--mint);border-color:#8dbba7}
.copy-code{display:inline-flex;align-items:center;gap:7px;min-width:72px;justify-content:center;transition:background .25s,color .25s,transform .25s var(--ux-spring)}.copy-code::before{content:"▣";font-size:14px}.copy-code:active{transform:scale(.95)}.copy-code.is-copied{background:var(--mint);color:#183b2c;border-color:var(--mint)}.copy-code.is-copied::before{content:"✓"}.docs-code:has(.is-copied){box-shadow:0 0 0 3px #b5e5cf55}
.docs-sidebar details{background:#fffaf28c;border:1px solid var(--line);border-radius:12px;padding:5px 8px;transition:box-shadow .25s,background .25s}.docs-sidebar details[open]{background:var(--surface);box-shadow:0 7px 18px -14px #24232080}.docs-sidebar summary,.docs-toc summary{list-style:none;position:relative;padding-right:24px}.docs-sidebar summary::-webkit-details-marker,.docs-toc summary::-webkit-details-marker{display:none}.docs-sidebar summary::after,.docs-toc summary::after{content:"+";position:absolute;right:3px;top:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9e5dd;line-height:1;font-size:17px;transition:background .2s,color .2s}.docs-sidebar details[open]>summary::after,.docs-toc details[open]>summary::after{content:"−";background:var(--mint);color:#173b2d}.docs-sidebar a[aria-current]{box-shadow:0 3px 8px -6px #183b2c88}.docs-toc summary::after{top:0;width:20px;height:20px}
.docs-reading-status{position:fixed;right:24px;bottom:22px;z-index:25;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#fffaf2f5;border:1px solid var(--line);border-radius:40px;box-shadow:0 6px 22px -12px #24232080;backdrop-filter:blur(10px);font-size:12px}.docs-reading-ring{position:relative;width:42px;height:42px;flex:none}.docs-reading-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.docs-reading-ring circle{fill:none;stroke-width:4}.docs-reading-ring .track{stroke:#e3dfd6}.docs-reading-ring .fill{stroke:#c44f45;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--read-progress,0)*100)}.docs-reading-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700}.docs-reading-status.is-done .fill{stroke:#4b8269}.docs-reading-status.is-done .docs-reading-ring>span{color:#2e634b;font-size:17px}.docs-reading-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:40;background:linear-gradient(90deg,var(--mint),var(--blue),var(--peach));transform:scaleX(var(--read-progress,0));transform-origin:left}
@media(max-width:800px){.docs-filters button{padding:8px 11px;font-size:12px}.docs-reading-status{right:12px;bottom:12px;padding:5px 10px 5px 5px;gap:5px}.docs-reading-ring{width:34px;height:34px}.docs-sidebar details{background:transparent;border:0;padding:0}.docs-sidebar details[open]{box-shadow:none}.docs-sidebar summary::after{top:7px}.docs-empty-state{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){.docs-path,.docs-card,.docs-filter-pill,.copy-code,.docs-sidebar details,.docs-card::after,.docs-path::after{transition:none!important;transform:none!important}.docs-filter-pill{transform:translateX(var(--pill-x,5px))!important}.result-enter{animation:none}.docs-card::after,.docs-path::after{display:none}}
@media print{.docs-reading-status,.docs-reading-bar{display:none!important}}