body.decoration-page-body{overflow-x:clip;background:var(--bg)}.decoration-page-body .site-header{position:relative;z-index:1}.decoration-hero{position:relative;isolation:isolate}.decoration-hero:before{content:"";position:absolute;z-index:-1;top:-110px;bottom:-32px;left:50%;width:100vw;transform:translate(-50%);background:radial-gradient(1200px 700px at 10% 0%,var(--body-glow-primary),transparent 55%),radial-gradient(900px 600px at 80% 10%,var(--body-glow-secondary),transparent 60%),var(--bg)}.decoration-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:16px}.decoration-breadcrumbs a{padding-block:8px}.decoration-intro{margin-bottom:24px}.decoration-intro__lead{max-width:78ch;margin:0;color:var(--text-soft);font-size:16px;line-height:1.55}.decoration-tool{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--keyboard-bg);box-shadow:var(--shadow)}.decoration-tool__controls,.decoration-tool__styles{border:0;padding:0;margin:0;min-width:0}.decoration-tool__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.decoration-tool__legend{padding:0;margin-bottom:12px;font-size:15px;font-weight:700}.decoration-tool__step{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:4px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:500}.decoration-tool__style-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.decoration-style{position:relative;min-width:0;cursor:pointer}.decoration-style input{position:absolute;width:1px;height:1px;opacity:0}.decoration-style__body{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:88px;padding:12px 4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle);transition:background .2s ease,border-color .2s ease}.decoration-style__sample{font-family:var(--font-decorated-text);font-size:24px;line-height:1.5}.decoration-style__label{font-size:13px;line-height:1.4;color:var(--text-soft)}.decoration-style__check{position:absolute;top:6px;right:6px;width:14px;height:14px;opacity:0}.decoration-style:hover .decoration-style__body{background:var(--surface-hover)}.decoration-style input:checked+.decoration-style__body{border-color:var(--primary-line);background:var(--primary-soft)}.decoration-style input:checked+.decoration-style__body .decoration-style__check{opacity:1}.decoration-style input:focus-visible+.decoration-style__body{outline:3px solid var(--focus-ring);outline-offset:2px}.decoration-tool__editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.decoration-tool__editor{min-width:0}.decoration-tool__field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:8px}.decoration-tool__field-head label{font-size:15px;font-weight:700}.decoration-tool__textarea{display:block;width:100%;min-height:176px;resize:vertical;border:1px solid var(--control-line);border-radius:16px;padding:12px;background:var(--input-bg);color:var(--text);font:inherit;font-family:var(--font-decorated-text);font-size:22px;line-height:1.65;transition:border-color .2s ease,box-shadow .2s ease}.decoration-tool__textarea::placeholder{color:var(--muted);opacity:1}.decoration-tool__textarea:focus{outline:none;border-color:var(--input-focus-line);box-shadow:0 0 0 4px var(--input-focus-ring)}.decoration-tool__textarea--result{border-color:var(--primary-line)}.decoration-tool__field-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:44px}.decoration-tool__editor--result .decoration-tool__field-footer{justify-content:flex-end}.decoration-tool__meta{color:var(--muted);font-size:13px;line-height:1.4}.decoration-tool .btn{min-height:44px;font-family:inherit;font-size:14px}.decoration-tool .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.decoration-tool__copy{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:196px}.decoration-tool__copy.is-copied{background:var(--success-bg);border-color:var(--success-line);color:var(--success-text)}.decoration-tool__options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.decoration-tool__checkbox{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}.decoration-tool__checkbox input{width:18px;height:18px;margin:0;accent-color:var(--text-soft)}.decoration-tool__status{min-height:44px;padding-block:8px;font-size:14px;line-height:1.5;color:var(--text-soft)}.decoration-tool__status:empty{min-height:0;padding:0}.decoration-tool__status.is-success{color:var(--success-text)}.decoration-tool__notice{padding:12px;line-height:1.55;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px}.decoration-code{border-top:1px solid var(--line)}.decoration-code__summary{padding:12px 4px;min-height:44px;cursor:pointer;font-size:14px;font-weight:700}.decoration-code__summary .decoration-tool__meta{margin-left:8px;font-weight:400}.decoration-code__body{display:grid;gap:12px;padding:4px 0 12px}.decoration-code__description{margin:0;max-width:78ch;color:var(--text-soft);font-size:14px;line-height:1.5}.decoration-code__label{font-size:14px;font-weight:700}.decoration-code__textarea{min-height:112px;font-family:ui-monospace,Consolas,monospace;font-size:14px}.decoration-code__body>.btn{justify-self:start}.decoration-code__preview{padding:12px;border:1px solid var(--line);border-radius:16px}.decoration-code__render{margin-top:8px;font-size:22px;line-height:1.8;overflow-wrap:anywhere;max-height:240px;overflow-y:auto}.decoration-content{margin-top:32px}.decoration-content section[id],.decoration-related{scroll-margin-top:24px}.decoration-content>section+section{margin-top:40px}.decoration-content .h2{color:var(--text)}.decoration-steps{padding-left:24px;max-width:78ch;line-height:1.55}.decoration-steps li{margin-block:8px}.decoration-guides{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:78ch;margin-top:20px}.decoration-guide{border-top:1px solid var(--line);padding-top:16px;min-width:0}.decoration-guide__title{margin:0 0 8px;font-size:18px;line-height:1.4;color:var(--text)}.decoration-guide__code{margin:12px 0;padding:12px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.decoration-faq{max-width:90ch}.decoration-faq__item{border-bottom:1px solid var(--line)}.decoration-faq__question{padding:16px 0;cursor:pointer;color:var(--text);font-size:16px;font-weight:600;line-height:1.5}.decoration-faq__answer{padding:0 0 12px}.decoration-content p.decoration-content__note{margin-top:24px;color:var(--muted);font-size:14px}.decoration-related{margin-top:40px}.decoration-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.decoration-related__link{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-subtle);font-size:14px;line-height:1.5;transition:background .2s ease}.decoration-related__link:hover{background:var(--surface-hover);text-decoration:none}.decoration-related__sample{font-family:var(--font-decorated-text);font-size:22px;line-height:1.6;color:var(--text-soft)}.decoration-page-body :is(a,button,summary,input):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media(max-width:1000px){.decoration-tool__style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.decoration-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.decoration-tool__editors{grid-template-columns:minmax(0,1fr)}.decoration-tool__textarea{min-height:144px}}@media(max-width:520px){.decoration-tool{padding:12px}.decoration-tool__style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decoration-style__body{min-height:64px;padding:8px 4px}.decoration-style__sample{font-size:22px;line-height:1.2}.decoration-tool__field-head{flex-wrap:wrap}.decoration-tool__field-head>.decoration-tool__meta{margin-left:32px}.decoration-tool__copy{width:100%}.decoration-tool__status:not(:empty){min-height:64px}.decoration-related__grid{grid-template-columns:minmax(0,1fr)}.decoration-related__link{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.decoration-related__sample{flex-shrink:0;font-size:18px}}@media(max-width:380px){.decoration-tool__field-head{gap:4px}.decoration-tool__field-head label{font-size:14px}.decoration-related__link{flex-direction:column;align-items:flex-start;gap:8px}}@media(prefers-reduced-motion:reduce){.decoration-tool *,.decoration-related__link{transition:none}}