html[data-theme=dark]{--yul-brand-paper:#17130d;--yul-brand-paper-soft:#211a12;--yul-brand-cream:#241d14;--yul-brand-card:#2a2118;--yul-brand-glass:rgba(38,30,21,.68);--yul-brand-glass-strong:rgba(46,37,27,.84);--yul-brand-ink:#fdf6ec;--yul-brand-muted:#c5b8a5;--yul-brand-line:rgba(253,246,236,.12);--yul-brand-glass-line:rgba(253,246,236,.16);--yul-brand-shadow:0 24px 72px rgba(0,0,0,.45);--yul-brand-shadow2:0 18px 42px rgba(0,0,0,.32);--yul-brand-glow:0 18px 48px rgba(255,138,30,.22);--yul-brand-inner-light:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -24px 48px rgba(255,176,32,.035);--control-surface:color-mix(in srgb,var(--gray-00) 92%,var(--yul-brand-card));--control-border:color-mix(in srgb,var(--yul-brand-ink) 28%,var(--yul-brand-line));--control-placeholder:color-mix(in srgb,var(--yul-brand-muted) 76%,var(--color-default));--control-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 rgba(0,0,0,.32),0 10px 22px rgba(0,0,0,.16);--gray-00:#1e1811;--gray-01:var(--yul-brand-paper);--gray-02:var(--yul-brand-card);--gray-03:var(--yul-brand-line);--gray-04:var(--yul-brand-muted);--gray-09:var(--yul-brand-ink);--color-default:var(--yul-brand-ink);--color-title:var(--yul-brand-ink);--disabled:rgba(240,233,218,.4);--sky:#29233a;--light-blue:#6f66a8}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100dvh;background:repeating-linear-gradient(90deg,rgba(232,86,15,.025) 0 1px,transparent 1px 34px),linear-gradient(180deg,var(--yul-brand-paper) 0,var(--yul-brand-paper-soft) 54%,var(--yul-brand-paper) 100%);color:var(--color-default);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,sans-serif;line-height:1.6;transition:background .25s ease,color .25s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--color-link)}button{font-family:inherit;cursor:pointer}img{max-width:100%}::selection{background:var(--yul-brand-peach);color:#221c14}:focus-visible{outline:3px solid color-mix(in srgb,var(--yul-brand-orange) 62%,transparent);outline-offset:3px}.site_header{position:-webkit-sticky;position:sticky;top:14px;z-index:20;padding-top:14px;background:transparent;border-bottom:none;pointer-events:none}.site_footer_inner,.site_header_inner,.site_main{width:min(1080px,calc(100vw - 40px));margin:0 auto}.site_header_inner{display:flex;align-items:center;gap:22px;min-height:58px;padding:8px 12px 8px 14px;border:1px solid var(--yul-brand-glass-line);border-radius:999px;background:var(--yul-brand-glass);box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);pointer-events:auto}.site_header_logo{display:flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:700;color:var(--color-title);text-decoration:none;letter-spacing:0;white-space:nowrap}.site_header_logo_mark{background:var(--yul-brand-yellow);color:#262118;border-radius:10px;padding:2px 8px;margin-right:4px}.site_logo_img{display:block;width:38px;height:38px;flex-shrink:0;border-radius:0;-webkit-clip-path:none;clip-path:none;mask-image:none;-webkit-mask-image:none;object-fit:contain;box-shadow:0 10px 24px rgba(232,86,15,.16)}.site_header_nav{display:flex;align-items:center;gap:8px;flex:1 1;font-size:.85rem;min-width:0}.site_header_nav a{color:var(--color-default);text-decoration:none;font-weight:300;border-radius:999px;padding:8px 13px;white-space:nowrap;transition:color .24s,background .24s,transform .24s var(--motion-ease-out),box-shadow .24s}.site_header_nav a:hover{background:var(--yul-brand-glass-strong);color:var(--color-title);transform:translateY(-1px)}.site_header_nav a.is_active{background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange) 52%,var(--yul-brand-orange-deep));color:#fff;box-shadow:0 10px 24px rgba(232,86,15,.24),inset 0 1px 0 rgba(255,255,255,.42)}html[data-theme=dark] .site_header_nav a.is_active{color:#221c14}.site_header_soon{color:var(--disabled)}.theme_toggle{border:1px solid color-mix(in srgb,var(--yul-brand-orange) 26%,var(--yul-brand-glass-line));background:var(--yul-brand-glass-strong);color:var(--color-default);border-radius:999px;padding:8px 15px;font-size:.78rem;font-weight:800;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gray-00) 66%,transparent),var(--yul-brand-inner-light);transition:transform .24s var(--motion-ease-out),box-shadow .24s,background .24s,border-color .24s}.theme_toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-glass-line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--yul-brand-orange) 14%,transparent),0 10px 22px rgba(232,86,15,.12),var(--yul-brand-inner-light)}html[data-theme=dark] .theme_toggle{border-color:color-mix(in srgb,var(--yul-brand-yellow) 34%,var(--yul-brand-glass-line));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),var(--yul-brand-inner-light)}.site_main{padding:52px 0 92px}.site_footer{border-top:1px solid rgba(253,246,236,.12);background:var(--yul-brand-navy);padding:44px 0;font-size:.82rem;color:rgba(253,246,236,.68)}.site_footer_inner{display:flex;flex-direction:column;gap:8px}.site_footer_funnel{margin:0;font-weight:700;color:#fdf6ec}.site_footer a{color:var(--yul-brand-amber)}.site_footer_copy{margin:0;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.recent_copy_dock{position:fixed;right:18px;bottom:18px;z-index:30;width:min(340px,calc(100vw - 36px));pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.recent_copy_toggle{pointer-events:auto;border:1px solid var(--yul-brand-glass-line);border-radius:999px;padding:10px 15px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;font-size:.78rem;font-weight:900;box-shadow:var(--yul-brand-glow),var(--yul-brand-inner-light)}.recent_copy_panel{pointer-events:auto;width:100%;max-height:min(560px,calc(100dvh - 120px));overflow:auto;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:14px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.recent_copy_head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.recent_copy_head div{display:flex;flex-direction:column;gap:2px}.recent_copy_head strong{color:var(--color-title);font-size:.92rem}.recent_copy_list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.recent_copy_item{display:flex;flex-direction:column;gap:8px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:10px;background:color-mix(in srgb,var(--gray-00) 82%,transparent)}.recent_copy_meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.recent_copy_meta strong{min-width:0;color:var(--color-title);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent_copy_meta span{flex-shrink:0;color:var(--yul-brand-muted);font-size:.68rem}.recent_copy_item pre{margin:0;max-height:92px;overflow:auto;border-radius:10px;padding:9px;background:var(--yul-brand-navy);color:#dce4f2;font-size:.68rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.recent_copy_item .copy_button{align-self:flex-start}.hero{position:relative;padding:74px 0 54px;text-align:left;overflow:hidden}.hero:before{content:"";position:absolute;top:36px;left:50%;width:min(620px,78vw);height:120px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,138,30,.24),rgba(255,176,32,.18),transparent);filter:blur(34px);opacity:.78;pointer-events:none}.hero_title{position:relative;max-width:940px;margin:0 0 22px;padding-bottom:.06em;color:var(--color-title);font-size:4.15rem;font-weight:700;line-height:1.08;letter-spacing:-1.5px;text-align:left;text-wrap:balance}.hero_title em{font-style:normal;color:var(--yul-brand-orange-deep);background:linear-gradient(160deg,var(--yul-brand-orange) 12%,var(--yul-brand-orange-deep) 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html[data-theme=dark] .hero_title em{background:linear-gradient(160deg,var(--yul-brand-amber),var(--yul-brand-orange));-webkit-background-clip:text;background-clip:text}.hero_desc{position:relative;max-width:680px;margin:0;color:var(--yul-brand-muted);font-size:1.04rem;font-weight:300;line-height:1.3;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.text_keep{display:inline-block;white-space:nowrap}.hub_hero{padding-bottom:44px}.hub_kicker{position:relative;margin:0 0 14px;color:var(--yul-brand-orange-deep);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}html[data-theme=dark] .hub_kicker{color:var(--yul-brand-yellow)}.hub_actions{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:28px}.hub_action_link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;text-decoration:none}.hub_action_link.copy_button{padding:14px 28px;font-size:.9rem}.home_paths{display:flex;flex-direction:column;gap:18px;margin-top:6px;padding:26px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);background:linear-gradient(145deg,color-mix(in srgb,var(--yul-brand-glass-strong) 88%,var(--yul-brand-amber)),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.home_paths_head h2{margin:0;color:var(--color-title);font-size:1.32rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.home_path_list{display:flex;flex-wrap:wrap;gap:14px}.home_path_card{flex:1 1 280px;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--gray-00) 78%,transparent);box-shadow:var(--yul-brand-inner-light)}.home_path_card strong{display:block;margin-bottom:8px;color:var(--color-title);font-size:.98rem;line-height:1.38}.home_path_card p,.home_path_card strong{word-break:keep-all;overflow-wrap:break-word}.home_path_card p{margin:0;color:var(--yul-brand-muted);font-size:.86rem;line-height:1.58}.home_path_links{display:flex;flex-wrap:wrap;gap:8px}.home_path_link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 24%,var(--yul-brand-line));border-radius:999px;padding:6px 12px;background:color-mix(in srgb,var(--yul-brand-amber) 12%,var(--yul-brand-glass-strong));color:var(--color-title);text-decoration:none;font-size:.78rem;font-weight:800;transition:transform .24s var(--motion-ease-out),border-color .24s,box-shadow .24s,background .24s}.home_path_link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-glass-line));background:color-mix(in srgb,var(--yul-brand-amber) 24%,var(--yul-brand-glass-strong));box-shadow:0 10px 22px rgba(232,86,15,.1)}html[data-theme=dark] .home_path_link{color:var(--yul-brand-yellow)}.guide_links{display:flex;flex-direction:column;gap:20px;margin-top:28px;padding:28px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);background:linear-gradient(150deg,var(--yul-brand-glass-strong),color-mix(in srgb,var(--yul-brand-cream) 68%,transparent));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.guide_links_head{max-width:760px}.guide_links_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.36rem;line-height:1.35;text-wrap:balance}.guide_links_head h2,.guide_links_head p{word-break:keep-all;overflow-wrap:break-word}.guide_links_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem;line-height:1.6}.guide_link_list{display:flex;flex-wrap:wrap;gap:14px}.guide_link_card{flex:1 1 240px;min-height:168px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);color:var(--yul-brand-muted);text-decoration:none;box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);transition:transform .26s var(--motion-ease-out),border-color .26s,box-shadow .26s,background .26s}.guide_link_card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--yul-brand-orange) 44%,var(--yul-brand-glass-line));background:var(--yul-brand-glass-strong);box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light)}.guide_link_badge{align-self:flex-start;border:1px solid color-mix(in srgb,var(--yul-brand-lavender) 28%,var(--yul-brand-line));border-radius:999px;padding:4px 10px;background:color-mix(in srgb,var(--yul-brand-lavender) 16%,var(--yul-brand-glass-strong));color:color-mix(in srgb,var(--yul-brand-ink) 72%,var(--yul-brand-lavender));font-size:.72rem;font-weight:850}html[data-theme=dark] .guide_link_badge{color:var(--yul-brand-yellow)}.guide_link_card strong{color:var(--color-title);font-size:.98rem;line-height:1.38;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.guide_link_card span:last-child{font-size:.84rem;line-height:1.58;word-break:keep-all;overflow-wrap:break-word}.home_faq{display:flex;flex-direction:column;gap:18px;margin-top:28px;padding:28px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.home_faq_head{max-width:760px}.home_faq_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.32rem;line-height:1.35;text-wrap:balance}.home_faq_head h2,.home_faq_head p{word-break:keep-all;overflow-wrap:break-word}.home_faq_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem;line-height:1.6}.home_faq_list{display:flex;flex-direction:column;gap:10px}.home_faq_item{border:1px solid var(--yul-brand-glass-line);border-radius:16px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);overflow:hidden}.home_faq_item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:var(--color-title);font-weight:850;line-height:1.45;cursor:pointer;list-style:none;word-break:keep-all;overflow-wrap:break-word}.home_faq_item summary::-webkit-details-marker{display:none}.home_faq_item summary:after{content:"+";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 30%,var(--yul-brand-line));border-radius:999px;color:var(--yul-brand-orange-deep);background:color-mix(in srgb,var(--yul-brand-amber) 14%,var(--yul-brand-glass-strong));font-weight:900}.home_faq_item[open] summary:after{content:"-"}.home_faq_item p{margin:0;padding:0 18px 18px;color:var(--yul-brand-muted);font-size:.9rem;line-height:1.65;word-break:keep-all;overflow-wrap:break-word}html[data-theme=dark] .home_faq_item summary:after{color:var(--yul-brand-yellow)}.css_overview,.favicon_overview,.font_overview,.icon_overview,.mj_overview{display:flex;flex-direction:column;gap:18px;margin:0 0 28px;padding:28px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);background:linear-gradient(150deg,var(--yul-brand-glass-strong),color-mix(in srgb,var(--yul-brand-cream) 66%,transparent));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.css_overview_head,.favicon_overview_head,.font_overview_head,.icon_overview_head,.mj_overview_head{max-width:780px}.css_overview_head h2,.favicon_overview_head h2,.font_overview_head h2,.icon_overview_head h2,.mj_overview_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.38rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.css_overview_head p,.favicon_overview_head p,.font_overview_head p,.icon_overview_head p,.mj_overview_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.css_overview_kicker,.font_overview_kicker,.icon_overview_kicker,.mj_overview_kicker{display:inline-flex;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 26%,var(--yul-brand-line));border-radius:999px;padding:3px 9px;background:color-mix(in srgb,var(--yul-brand-amber) 14%,var(--yul-brand-glass-strong));color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:850}html[data-theme=dark] .css_overview_kicker,html[data-theme=dark] .font_overview_kicker,html[data-theme=dark] .icon_overview_kicker,html[data-theme=dark] .mj_overview_kicker{color:var(--yul-brand-yellow)}.css_output_list,.favicon_output_list,.font_output_list,.icon_output_list,.mj_output_list{display:flex;flex-wrap:wrap;gap:12px}.css_output_card,.favicon_output_card,.font_output_card,.icon_output_card,.mj_output_card{flex:1 1 220px;min-height:126px;display:flex;flex-direction:column;gap:8px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 22%,var(--yul-brand-glass-line));border-radius:16px;padding:16px;background:color-mix(in srgb,var(--gray-00) 78%,transparent);box-shadow:var(--yul-brand-inner-light)}.css_output_card strong,.favicon_output_card strong,.font_output_card strong,.icon_output_card strong,.mj_output_card strong{color:var(--color-title);font-size:.96rem;line-height:1.35}.css_output_card span,.favicon_output_card span,.font_output_card span,.icon_output_card span,.mj_output_card span{color:var(--yul-brand-muted);font-size:.82rem;line-height:1.58;word-break:keep-all;overflow-wrap:break-word}.quick_start_guide{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;margin:-6px 0 28px;padding:18px;border:1px solid var(--yul-brand-glass-line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--yul-brand-cream) 74%,transparent),color-mix(in srgb,var(--yul-brand-amber) 12%,var(--yul-brand-glass-strong)));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.quick_start_head{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.quick_start_kicker{align-self:flex-start;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 28%,var(--yul-brand-line));border-radius:999px;padding:3px 9px;background:color-mix(in srgb,var(--yul-brand-amber) 14%,var(--yul-brand-glass-strong));color:var(--yul-brand-orange-deep);font-size:.7rem;font-weight:850;text-transform:uppercase}html[data-theme=dark] .quick_start_kicker{color:var(--yul-brand-yellow)}.quick_start_head h2{margin:0;color:var(--color-title);font-size:1.08rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.quick_start_list{flex:2 1 560px;min-width:0;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.quick_start_step{flex:1 1 170px;min-width:0;display:flex;gap:10px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 18%,var(--yul-brand-glass-line));border-radius:16px;padding:13px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light)}.quick_start_num{flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;font-size:.78rem;font-weight:900;box-shadow:0 10px 18px rgba(232,86,15,.16),inset 0 1px 0 rgba(255,255,255,.55)}.quick_start_step div{min-width:0;display:flex;flex-direction:column;gap:3px}.quick_start_step strong{color:var(--color-title);font-size:.88rem;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}.quick_start_step span:last-child{color:var(--yul-brand-muted);font-size:.78rem;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}.gen{display:flex;flex-direction:column;gap:36px}.gen_action_bar{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 34px);z-index:12;display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--yul-brand-glass-line);border-radius:18px;background:var(--yul-brand-glass);box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.gen_action_bar .btn_primary{flex:0 0 auto}.gen_action_bar .gen_hint{color:var(--yul-brand-muted);font-size:.82rem;font-weight:650;word-break:keep-all;overflow-wrap:break-word}.gen_hint.is_ready{color:var(--yul-brand-orange-deep)}html[data-theme=dark] .gen_hint.is_ready{color:var(--yul-brand-yellow)}.gen_step{background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:30px;box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);transition:transform .3s var(--motion-ease-out),box-shadow .3s,border-color .3s}.gen_step:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yul-brand-orange) 42%,var(--yul-brand-glass-line));box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light)}.gen_step_title{display:flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:850;margin:0 0 18px;color:var(--color-title)}.gen_optional{font-size:.78rem;font-weight:500;color:var(--yul-brand-muted)}.gen_step_desc{margin:-8px 0 16px;font-size:.84rem;color:var(--yul-brand-muted);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.gen_num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;font-size:.8rem;font-weight:900;flex-shrink:0;box-shadow:0 10px 20px rgba(232,86,15,.18),inset 0 1px 0 rgba(255,255,255,.55)}.dropzone,.gen_num{display:flex;align-items:center;justify-content:center}.dropzone{min-height:150px;border:1px dashed color-mix(in srgb,var(--yul-brand-orange) 28%,var(--yul-brand-line));border-radius:18px;padding:24px;text-align:center;color:var(--yul-brand-muted);font-size:.88rem;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);cursor:pointer;transition:border-color .22s,background .22s,transform .22s var(--motion-ease-out),box-shadow .22s}.dropzone.is_over,.dropzone:hover{border-color:var(--yul-brand-orange);background:var(--yul-brand-glass-strong);transform:translateY(-1px);box-shadow:0 16px 32px rgba(232,86,15,.1)}.dropzone.is_over{cursor:copy}.dropzone.has_file{text-align:left}.dropzone_preview{display:flex;align-items:center;gap:20px}.dropzone_preview img{width:88px;height:88px;object-fit:contain;border-radius:14px;background:var(--gray-02);border:1px solid var(--yul-brand-line)}.dropzone_preview div{display:flex;flex-direction:column;gap:2px}.dropzone_preview strong{color:var(--color-default)}.dropzone_again{color:var(--yul-brand-orange);font-size:.78rem}.notice{margin:14px 0 0;font-size:.82rem;border-radius:12px;padding:10px 14px;background:color-mix(in srgb,var(--yul-brand-amber) 9%,var(--yul-brand-glass-strong));color:var(--yul-brand-muted);border:1px solid var(--yul-brand-line);word-break:keep-all;overflow-wrap:break-word}.notice_warn{background:var(--yul-brand-yellow-soft);color:#6b5010}.notice_error{background:var(--pink);color:var(--error);font-weight:600}html[data-theme=dark] .notice_warn{background:rgba(246,200,79,.16);color:#e8c46a}html[data-theme=dark] .notice_error{background:rgba(182,90,76,.18);color:#e09184}.form{display:flex;flex-wrap:wrap;gap:16px}.form_field{display:flex;flex-direction:column;gap:6px;flex:1 1 260px;font-size:.82rem;font-weight:700;color:color-mix(in srgb,var(--yul-brand-muted) 62%,var(--color-default))}.form_field input[type=text],.form_field input[type=url]{border:1px solid var(--control-border);background:var(--control-surface);color:var(--color-title);border-radius:12px;padding:12px 14px;font-size:.9rem;font-family:inherit;font-weight:600;outline:none;box-shadow:var(--control-shadow);transition:border-color .2s,box-shadow .2s,background .2s}.form_field input[type=text]::placeholder,.form_field input[type=url]::placeholder{color:var(--control-placeholder);opacity:1}.form_field input[type=text]:focus,.form_field input[type=url]:focus{border-color:var(--yul-brand-orange);box-shadow:0 0 0 4px rgba(255,138,30,.18),inset 0 1px 0 rgba(255,255,255,.92);background:var(--gray-00)}html[data-theme=dark] .form_field input[type=text],html[data-theme=dark] .form_field input[type=url]{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 rgba(0,0,0,.28)}html[data-theme=dark] .form_field input[type=text]:focus,html[data-theme=dark] .form_field input[type=url]:focus{box-shadow:0 0 0 4px rgba(255,138,30,.2),inset 0 1px 0 rgba(255,255,255,.16)}.form_field_guide{color:var(--yul-brand-muted);font-size:.72rem;font-weight:700;line-height:1.45}.form_field_guide.is_warn{color:var(--error)}.project_preset{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;border:1px solid var(--yul-brand-line);border-radius:16px;padding:16px;background:color-mix(in srgb,var(--gray-00) 78%,transparent)}.project_preset_head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.project_preset_head div:first-child{display:flex;flex-direction:column;gap:3px}.project_preset_head strong{color:var(--color-title);font-size:.95rem}.project_preset_head p{margin:0;color:var(--yul-brand-muted);font-size:.78rem;word-break:keep-all;overflow-wrap:break-word}.project_preset_actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex-shrink:0}.project_preset_actions .icon_detail_close{min-width:0;height:30px;font-size:.68rem}.project_preset_chips{display:flex;flex-wrap:wrap;gap:7px}.project_preset_chips span{border:1px solid var(--yul-brand-line);border-radius:999px;padding:5px 9px;background:color-mix(in srgb,var(--yul-brand-cream) 74%,transparent);color:var(--yul-brand-muted);font-size:.72rem;font-weight:750}.project_preset_status{margin:0;color:var(--yul-brand-orange-deep);font-size:.76rem;font-weight:800}.form_field_color{flex:0 1 180px}.form_color_wrap{display:flex;align-items:center;gap:10px}.form_color_wrap input[type=color]{width:46px;height:42px;border:1px solid var(--yul-brand-line);border-radius:10px;background:none;padding:3px}.form_options{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--yul-brand-line)}.check{display:flex;align-items:center;gap:7px;font-size:.84rem;color:var(--color-default)}.check input{accent-color:var(--yul-brand-orange);width:16px;height:16px}.btn{border:none;border-radius:999px;font-weight:800;transition:transform .24s var(--motion-ease-out),box-shadow .24s,background .24s,color .24s}.btn:active{transform:scale(.98)}.btn_primary{background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange) 52%,var(--yul-brand-orange-deep));color:#fff;font-size:1rem;padding:14px 32px;box-shadow:var(--yul-brand-glow),inset 0 1px 0 rgba(255,255,255,.45)}.btn_primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 58px rgba(232,86,15,.34),inset 0 1px 0 rgba(255,255,255,.55)}.btn_primary:disabled{background:var(--disabled);box-shadow:none;cursor:not-allowed}.copy_button{background:var(--yul-brand-navy);color:#fff;font-size:.76rem;padding:7px 15px;border-radius:999px;box-shadow:0 8px 18px rgba(34,28,20,.12)}.copy_button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(34,28,20,.18)}html[data-theme=dark] .copy_button{background:var(--yul-brand-yellow);color:#262118}.btn_zip{align-self:flex-start;margin:4px 0 12px}.gen_hint{font-size:.82rem;color:var(--yul-brand-muted)}.gen_result{display:flex;flex-direction:column;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:30px;box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.gen_step_title_code{margin-top:10px}.apply_guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0 0 16px}.apply_guide_item{min-width:0;border:1px solid var(--yul-brand-line);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--yul-brand-cream) 66%,transparent);color:var(--yul-brand-muted);font-size:.78rem;line-height:1.45}.apply_guide_item strong{display:block;margin-bottom:6px;color:var(--color-title);font-size:.82rem}.apply_guide_item code{border:1px solid var(--yul-brand-line);border-radius:6px;padding:1px 6px;background:var(--yul-brand-paper);color:var(--yul-brand-orange-deep);font-size:.72rem}html[data-theme=dark] .apply_guide_item code{color:var(--yul-brand-yellow)}.previews{gap:20px;margin-bottom:24px}.previews,.previews_og{display:flex;flex-direction:column}.previews_og{margin:0;gap:8px}.previews_og img{border-radius:14px;border:1px solid var(--yul-brand-line);max-width:560px}.previews_og figcaption{font-size:.78rem;color:var(--yul-brand-muted)}.previews_icons{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.previews_icon{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.previews_icon img{border-radius:12px;border:1px solid var(--yul-brand-line);background:linear-gradient(45deg,var(--gray-02) 25%,transparent 25%,transparent 75%,var(--gray-02) 75%),linear-gradient(45deg,var(--gray-02) 25%,var(--gray-00) 25%,var(--gray-00) 75%,var(--gray-02) 75%);background-size:14px 14px;background-position:0 0,7px 7px}.previews_icon figcaption{font-size:.72rem;color:var(--yul-brand-muted)}.code_block{border:1px solid var(--yul-brand-line);border-radius:14px;overflow:hidden;margin-bottom:18px}.code_block_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--gray-02);border-bottom:1px solid var(--yul-brand-line);font-size:.82rem;font-weight:600}.code_block_title{display:flex;align-items:center;gap:10px}.code_block_file{background:var(--yul-brand-paper);border:1px solid var(--yul-brand-line);border-radius:6px;padding:1px 8px;font-size:.72rem;color:var(--yul-brand-orange-deep)}html[data-theme=dark] .code_block_file{color:var(--yul-brand-yellow)}.code_block_pre{margin:0;padding:16px;overflow-x:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.78rem;line-height:1.55}.code_block_pre_wrap{white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word}html[data-theme=dark] .code_block_pre{background:#10141d}.image_checker{display:flex;flex-direction:column;gap:24px}.image_checker_dropzone{min-height:180px}.image_checker_idle{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;color:var(--yul-brand-muted);line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.image_checker_idle strong{color:var(--color-title);font-size:1rem}.image_checker_idle span{font-size:.82rem}.image_checker_dropzone_preview{width:100%;justify-content:center}.image_checker_overview{display:flex;flex-direction:column;gap:18px}.image_checker_preview_panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;grid-gap:20px;gap:20px}.image_checker_specs{display:flex;flex-wrap:wrap;gap:10px}.image_checker_specs span{display:flex;flex-direction:column;gap:3px;min-width:140px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--color-title);font-size:.88rem;font-weight:850}.image_checker_specs strong{color:var(--yul-brand-muted);font-size:.72rem;font-weight:800}.image_checker_preview{display:flex;flex-direction:column;gap:8px;margin:0}.image_checker_preview img{width:100%;max-height:320px;object-fit:contain;border:1px solid var(--yul-brand-line);border-radius:18px;background:linear-gradient(45deg,var(--gray-02) 25%,transparent 25%,transparent 75%,var(--gray-02) 75%),linear-gradient(45deg,var(--gray-02) 25%,var(--gray-00) 25%,var(--gray-00) 75%,var(--gray-02) 75%);background-size:18px 18px;background-position:0 0,9px 9px}.image_checker_preview figcaption{color:var(--yul-brand-muted);font-size:.75rem}.image_checker_result_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.image_checker_result{min-width:0;border:1px solid var(--yul-brand-line);border-radius:16px;padding:16px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-shadow2)}.image_checker_result[data-status=ok]{border-color:rgba(52,132,91,.35);background:color-mix(in srgb,rgba(52,132,91,.14) 64%,var(--yul-brand-glass-strong))}.image_checker_result[data-status=warn]{border-color:rgba(246,200,79,.55);background:color-mix(in srgb,rgba(246,200,79,.16) 64%,var(--yul-brand-glass-strong))}.image_checker_result[data-status=fail]{border-color:rgba(182,90,76,.45);background:color-mix(in srgb,rgba(182,90,76,.12) 64%,var(--yul-brand-glass-strong))}.image_checker_result_head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.image_checker_result h3{margin:0;color:var(--color-title);font-size:.98rem;line-height:1.35}.image_checker_result p{margin:0;color:var(--yul-brand-muted);font-size:.8rem;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.image_checker_status{flex-shrink:0;border-radius:999px;padding:4px 9px;background:var(--yul-brand-navy);color:#fff;font-size:.68rem;font-weight:850}.image_checker_result[data-status=ok] .image_checker_status{background:#34845b}.image_checker_result[data-status=warn] .image_checker_status{background:var(--yul-brand-orange-deep)}.image_checker_result[data-status=fail] .image_checker_status{background:var(--error)}.image_checker_metric_list{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));grid-gap:8px;gap:8px;margin:14px 0}.image_checker_metric_list div{min-width:0;border:1px solid var(--yul-brand-line);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--yul-brand-cream) 68%,transparent)}.image_checker_metric_list dt{color:var(--yul-brand-muted);font-size:.64rem;font-weight:850}.image_checker_metric_list dd{margin:2px 0 0;color:var(--color-title);font-size:.74rem;font-weight:850;overflow-wrap:normal;white-space:nowrap}.image_checker_message{color:var(--color-title)!important;font-weight:750}.meta_checker{scroll-margin-top:calc(var(--header-h) + 24px);margin-top:28px;padding:24px;border:1px solid var(--yul-brand-line);border-radius:16px;background:var(--yul-brand-paper);box-shadow:0 18px 38px rgba(44,34,16,.08)}.meta_checker_head{max-width:720px;margin-bottom:18px}.meta_checker_kicker{display:inline-flex;margin-bottom:8px;border:1px solid var(--yul-brand-line);border-radius:999px;padding:3px 9px;background:var(--yul-brand-paper-soft);color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:700}html[data-theme=dark] .meta_checker_kicker{color:var(--yul-brand-yellow)}.meta_checker_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.32rem}.meta_checker_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem}.meta_checker_field{display:flex;flex-direction:column;gap:8px;color:var(--yul-brand-muted);font-size:.82rem;font-weight:700}.meta_checker_field textarea{min-height:220px;resize:vertical;border:1px solid var(--control-border);border-radius:12px;padding:14px;background:var(--control-surface);color:var(--color-default);font-family:var(--font-mono);font-size:.82rem;line-height:1.55;outline:none;box-shadow:var(--control-shadow)}.meta_checker_field textarea:focus{border-color:var(--yul-brand-orange);box-shadow:0 0 0 3px rgba(242,140,40,.15)}.meta_checker_actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.meta_checker_summary{display:flex;align-items:flex-start;gap:10px;margin-top:18px;border:1px solid var(--yul-brand-line);border-radius:12px;padding:14px;background:var(--gray-02);color:var(--yul-brand-muted)}.meta_checker_summary strong{color:var(--color-title);min-width:76px}.meta_checker_summary[data-status=ok]{border-color:rgba(52,132,91,.35);background:rgba(52,132,91,.1)}.meta_checker_summary[data-status=warning]{border-color:rgba(246,200,79,.55);background:rgba(246,200,79,.16)}.meta_checker_summary.has_error{border-color:rgba(182,90,76,.45);background:rgba(182,90,76,.1)}.meta_checker_result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.meta_checker_panel{border:1px solid var(--yul-brand-line);border-radius:12px;padding:14px;background:var(--yul-brand-paper-soft)}.meta_checker_panel h3{margin:0 0 10px;color:var(--color-title);font-size:.92rem}.meta_checker_panel p{margin:0;color:var(--yul-brand-muted);font-size:.82rem}.meta_checker_panel ul{display:grid;grid-gap:7px;gap:7px;margin:0;padding:0;list-style:none;color:var(--color-default);font-size:.82rem}.meta_checker_panel code{border:1px solid var(--yul-brand-line);border-radius:6px;padding:1px 6px;background:var(--yul-brand-paper);color:var(--yul-brand-orange-deep);font-size:.76rem}html[data-theme=dark] .meta_checker_panel code{color:var(--yul-brand-yellow)}.meta_checker_suggestion{margin-top:14px;border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden}.meta_checker_suggestion_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--gray-02);color:var(--color-title);font-size:.84rem}.meta_checker_suggestion pre{margin:0;padding:16px;overflow-x:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.78rem;line-height:1.55}html[data-theme=dark] .meta_checker_suggestion pre{background:#10141d}.publishing_checklist{scroll-margin-top:calc(var(--header-h) + 24px);margin-top:28px;padding:24px;border:1px solid var(--yul-brand-line);border-radius:16px;background:var(--gray-00);box-shadow:0 18px 38px rgba(44,34,16,.08)}.publishing_checklist_head{max-width:760px;margin-bottom:18px}.publishing_checklist_kicker{display:inline-flex;margin-bottom:8px;border:1px solid var(--yul-brand-line);border-radius:999px;padding:3px 9px;background:var(--yul-brand-paper-soft);color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:700}html[data-theme=dark] .publishing_checklist_kicker{color:var(--yul-brand-yellow)}.publishing_checklist_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.32rem}.publishing_checklist_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem}.publishing_checklist_toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.publishing_checklist_progress{display:flex;align-items:center;gap:12px;min-width:220px;color:var(--color-title);font-size:.9rem}.publishing_checklist_progress progress{width:150px;height:10px;overflow:hidden;border:none;border-radius:999px;background:var(--yul-brand-paper-soft)}.publishing_checklist_progress progress::-webkit-progress-bar{background:var(--yul-brand-paper-soft)}.publishing_checklist_progress progress::-webkit-progress-value{background:var(--yul-brand-orange);border-radius:999px}.publishing_checklist_progress progress::-moz-progress-bar{background:var(--yul-brand-orange);border-radius:999px}.publishing_checklist_actions{display:flex;flex-wrap:wrap;gap:10px}.publishing_checklist_groups{display:flex;flex-wrap:wrap;gap:12px}.publishing_checklist_group{flex:1 1 260px;border:1px solid var(--yul-brand-line);border-radius:12px;padding:14px;background:var(--yul-brand-paper-soft)}.publishing_checklist_group h3{margin:0 0 10px;color:var(--color-title);font-size:.92rem}.publishing_checklist_items{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.publishing_checklist_item{border:1px solid var(--yul-brand-line);border-radius:10px;background:var(--gray-00);transition:border-color .15s,background .15s}.publishing_checklist_item.is_complete{border-color:rgba(52,132,91,.35);background:rgba(52,132,91,.08)}.publishing_checklist_item label{display:flex;align-items:flex-start;gap:10px;padding:11px;cursor:pointer}.publishing_checklist_item input{margin-top:3px;accent-color:var(--yul-brand-orange);width:16px;height:16px;flex-shrink:0}.publishing_checklist_item span{display:flex;flex-direction:column;gap:3px;min-width:0}.publishing_checklist_item strong{color:var(--color-title);font-size:.84rem;line-height:1.35}.publishing_checklist_item small{color:var(--yul-brand-muted);font-size:.74rem;line-height:1.45}.publishing_checklist_report{margin-top:14px;border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden}.publishing_checklist_report_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--gray-02);color:var(--color-title);font-size:.84rem}.publishing_checklist_report pre{margin:0;padding:16px;overflow-x:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.78rem;line-height:1.55}html[data-theme=dark] .publishing_checklist_report pre{background:#10141d}.css_generator{display:flex;flex-direction:column;gap:20px}.css_generator_head{max-width:760px}.css_generator_kicker{display:inline-flex;margin-bottom:8px;border:1px solid var(--yul-brand-line);border-radius:999px;padding:3px 9px;background:var(--yul-brand-paper-soft);color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:700}html[data-theme=dark] .css_generator_kicker{color:var(--yul-brand-yellow)}.css_generator_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.32rem}.css_generator_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem}.css_generator_presets{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(178px,220px);grid-gap:12px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}.css_preset{position:relative;min-width:0;min-height:166px;display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--yul-brand-line);border-radius:16px;padding:12px;background:var(--gray-00);color:var(--yul-brand-muted);text-align:left;font-size:.8rem;font-weight:750}.css_preset:after{content:"";position:absolute;inset:10px 10px auto auto;width:58px;height:58px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.44),transparent 68%);pointer-events:none;mix-blend-mode:screen}.css_preset_preview{width:100%;height:96px;border-radius:12px;border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 -18px 34px rgba(0,0,0,.08),0 12px 26px rgba(35,24,10,.14)}.css_preset strong{color:var(--color-title);font-size:.82rem;line-height:1.25}.css_preset em{color:var(--yul-brand-muted);font-size:.7rem;font-style:normal;line-height:1.2}.css_preset_type{align-self:flex-start;border:1px solid var(--yul-brand-line);border-radius:999px;padding:2px 7px;background:color-mix(in srgb,var(--yul-brand-cream) 74%,transparent);color:var(--yul-brand-orange-deep);font-size:.64rem;font-weight:850}.css_preset.is_active{border-color:transparent;background:linear-gradient(150deg,color-mix(in srgb,var(--yul-brand-amber) 28%,var(--gray-00)),color-mix(in srgb,var(--yul-brand-orange) 18%,var(--gray-00)));color:#221c14;box-shadow:0 12px 26px rgba(232,86,15,.18),inset 0 1px 0 rgba(255,255,255,.5)}.css_preset.is_active strong{color:#221c14}.css_preset.is_active em{color:rgba(34,28,20,.72)}.css_preset.is_active .css_preset_type{border-color:rgba(34,28,20,.16);background:rgba(255,255,255,.48);color:#4e3410}.css_generator_layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);grid-gap:18px;gap:18px;align-items:flex-start}.css_generator_controls{min-width:0;display:flex;flex-direction:column;gap:14px}.css_generator_filter_bar{display:flex;flex-direction:column;gap:10px;border:1px solid var(--yul-brand-glass-line);border-radius:14px;padding:12px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.css_generator_filter_meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:var(--yul-brand-muted);font-size:.76rem}.css_generator_filter_meta strong{color:var(--color-title);font-size:.9rem}.css_generator_filter_meta span{border:1px solid var(--yul-brand-line);border-radius:999px;padding:3px 9px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.css_generator_search{width:100%;border:1px solid var(--control-border);border-radius:999px;padding:10px 16px;background:var(--control-surface);color:var(--color-default);font-family:inherit;font-size:.84rem;outline:none;box-sizing:border-box;box-shadow:var(--control-shadow)}.css_generator_search:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.css_generator_groups{display:flex;flex-wrap:wrap;gap:7px}.css_generator_group{border:1px solid var(--yul-brand-line);border-radius:999px;padding:6px 12px;background:var(--gray-00);color:var(--yul-brand-muted);font-size:.76rem;font-weight:800}.css_generator_group.is_active{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 10px 22px rgba(232,86,15,.16),inset 0 1px 0 rgba(255,255,255,.5)}.css_generator_patterns{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,238px),1fr));grid-gap:13px;gap:13px}.css_generator_pattern{min-height:176px;display:grid;grid-template-rows:94px 1fr;grid-gap:11px;gap:11px;border:1px solid var(--yul-brand-line);border-radius:15px;padding:12px;background:var(--gray-00);color:var(--yul-brand-muted);text-align:left}.css_generator_pattern_preview{display:block;width:100%;min-height:94px;border:1px solid rgba(255,255,255,.68);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -14px 28px rgba(0,0,0,.08),0 10px 20px rgba(35,24,10,.12)}.css_generator_pattern_text{display:block;min-width:0}.css_generator_pattern strong{display:block;color:var(--color-title);font-size:.84rem;margin-bottom:3px}.css_generator_pattern_text span{display:block;font-size:.72rem;line-height:1.35}.css_generator_pattern.is_active{border-color:var(--yul-brand-orange);background:var(--yul-brand-yellow-soft);color:#5c4310}html[data-theme=dark] .css_generator_pattern.is_active{background:rgba(246,200,79,.18);color:var(--yul-brand-yellow)}.css_generator_fields{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:10px;background:var(--gray-00)}.css_generator_field{position:relative;flex:1 1 92px;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;grid-gap:7px;gap:7px;color:var(--yul-brand-muted);font-size:.75rem;font-weight:800}.css_generator_field span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.css_generator_field input[type=color]{width:34px;height:34px;border:1px solid var(--yul-brand-line);border-radius:10px;padding:3px;background:var(--yul-brand-paper-soft);cursor:pointer}.css_generator_field code{min-width:0;border:1px solid var(--yul-brand-line);border-radius:6px;padding:2px 5px;background:var(--yul-brand-paper-soft);color:var(--yul-brand-orange-deep);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme=dark] .css_generator_field code{color:var(--yul-brand-yellow)}.css_generator_range{flex:1 1 132px;display:flex;flex-direction:column;gap:4px;color:var(--yul-brand-muted);font-size:.74rem;font-weight:800}.css_generator_range input{accent-color:var(--yul-brand-orange)}.css_generator_reset_row{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed var(--yul-brand-line);padding-top:10px;color:var(--yul-brand-muted);font-size:.74rem;font-weight:800}.css_generator_reset{border:1px solid var(--yul-brand-glass-line);padding:8px 13px;background:color-mix(in srgb,var(--yul-brand-cream) 78%,transparent);color:var(--color-title);font-size:.74rem;box-shadow:var(--control-shadow)}.css_generator_reset:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-line));box-shadow:0 12px 24px rgba(232,86,15,.12)}.css_generator_reset:disabled{color:var(--disabled);cursor:not-allowed;box-shadow:none}.css_generator_output{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);min-width:0;display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - var(--header-h) - 40px)}.css_generator_output>.css_generator_code{order:-1}.css_generator_output .css_generator_fields{background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.css_generator_preview{width:100%;min-height:190px;border:1px solid var(--yul-brand-line);border-radius:16px;box-shadow:var(--yul-brand-shadow2);box-sizing:border-box}.css_generator_code{border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden;background:var(--gray-00)}.css_generator_code_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--gray-02);color:var(--color-title);font-size:.84rem}.css_generator_code_actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.css_generator_code .gen_hint{margin:0;padding:10px 14px;background:var(--gray-02);word-break:keep-all;overflow-wrap:break-word}.css_generator_code pre{margin:0;max-height:min(26dvh,240px);padding:16px;overflow:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.78rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .css_generator_code pre{background:#10141d}.css_color_tools{display:flex;flex-direction:column;gap:16px;scroll-margin-top:calc(var(--header-h) + 28px);border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:22px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.css_color_tools_head{max-width:760px}.css_color_tools_head h3{margin:0;color:var(--color-title);font-size:1.18rem;line-height:1.35}.css_color_tools_layout{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.advanced_gradient_builder,.oklch_palette_builder,.theme_color_builder{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--header-h) + 28px);border:1px solid var(--yul-brand-line);border-radius:16px;padding:16px;background:var(--gray-00);box-shadow:var(--yul-brand-shadow2)}.theme_color_builder{flex-basis:100%}.css_color_tools_panel_head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--color-title)}.css_color_tools_panel_head strong{font-size:.95rem}.css_color_tools_panel_head span{color:var(--yul-brand-muted);font-size:.74rem;font-weight:800}.theme_color_preset_list{display:flex;flex-wrap:wrap;gap:8px}.theme_color_preset{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:7px;border:1px solid var(--yul-brand-line);border-radius:13px;padding:10px;background:color-mix(in srgb,var(--gray-00) 84%,var(--yul-brand-cream));color:var(--yul-brand-muted);text-align:left;box-shadow:var(--yul-brand-inner-light)}.theme_color_preset:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--yul-brand-orange) 42%,var(--yul-brand-line));box-shadow:0 12px 24px rgba(232,86,15,.1),var(--yul-brand-inner-light)}.theme_color_preset strong{color:var(--color-title);font-size:.84rem;line-height:1.2}.theme_color_preset span:last-child{font-size:.72rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word}.theme_color_preset_swatches{display:flex;gap:5px}.theme_color_preset_swatches i{width:26px;height:26px;border:1px solid rgba(255,255,255,.72);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 8px 14px rgba(35,24,10,.08)}.theme_color_prefix{display:flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.76rem;font-weight:850}.theme_color_prefix input{flex:1 1 220px;min-width:0;min-height:40px;border:1px solid var(--control-border);border-radius:11px;background:var(--control-surface);color:var(--color-default);font-family:inherit;font-size:.82rem;font-weight:750;padding:8px 10px;outline:none;box-shadow:var(--control-shadow)}.theme_color_code_list,.theme_color_editor,.theme_color_preview_wrap{display:flex;flex-wrap:wrap;gap:12px}.theme_color_column{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:10px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--yul-brand-cream) 58%,transparent)}.theme_color_column h4{margin:0;color:var(--color-title);font-size:.86rem}.theme_color_fields{display:flex;flex-wrap:wrap;gap:8px}.theme_color_field{flex:1 1 154px;min-width:0;display:flex;flex-direction:column;gap:5px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.72rem;font-weight:850}.theme_color_inputs{display:flex;align-items:center;gap:7px;min-width:0}.theme_color_inputs input[type=color]{flex:0 0 38px;width:38px;height:38px;padding:3px}.theme_color_inputs input:not([type=color]),.theme_color_inputs input[type=color]{border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface);box-shadow:var(--control-shadow)}.theme_color_inputs input:not([type=color]){flex:1 1 auto;min-width:0;min-height:38px;color:var(--color-default);font-family:var(--font-Eng);font-size:.78rem;font-weight:750;padding:7px 9px;outline:none}.theme_color_inputs input:focus,.theme_color_prefix input:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.theme_color_preview_card{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px;border:1px solid color-mix(in srgb,var(--theme-preview-border) 76%,transparent);border-radius:16px;padding:16px;background:radial-gradient(circle at 18% 16%,color-mix(in oklch,var(--theme-preview-point) 34%,transparent),transparent 38%),linear-gradient(135deg,var(--theme-preview-bg),var(--theme-preview-surface));color:var(--theme-preview-font);box-shadow:0 18px 36px color-mix(in srgb,var(--theme-preview-primary) 15%,transparent)}.theme_color_preview_card>span{align-self:flex-start;border:1px solid color-mix(in srgb,var(--theme-preview-border) 82%,transparent);border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--theme-preview-surface) 72%,transparent);color:var(--theme-preview-primary);font-family:var(--font-Eng);font-size:.68rem;font-weight:900;text-transform:uppercase}.theme_color_preview_card strong{color:var(--theme-preview-font);font-size:1rem;line-height:1.25}.theme_color_preview_card p{margin:0;color:var(--theme-preview-muted);font-size:.78rem;line-height:1.45;word-break:keep-all;overflow-wrap:break-word}.theme_color_preview_surface{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--theme-preview-border) 82%,transparent);border-radius:14px;padding:12px;background:color-mix(in oklch,var(--theme-preview-card) 86%,var(--theme-preview-surface))}.theme_color_preview_surface b{flex:1 1 100%;color:var(--theme-preview-font);font-size:.82rem}.theme_color_preview_surface small{flex:1 1 100%;color:var(--theme-preview-muted);font-size:.7rem}.theme_color_preview_button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;background:linear-gradient(135deg,var(--theme-preview-primary),var(--theme-preview-point));color:var(--theme-preview-bg);font-size:.72rem;font-weight:900}.theme_color_preview_input{flex:1 1 130px;border:1px solid color-mix(in srgb,var(--theme-preview-border) 90%,transparent);border-radius:10px;padding:7px 10px;background:var(--theme-preview-surface);color:var(--theme-preview-muted);font-size:.72rem}.theme_color_code{flex:1 1 300px;min-width:0}.theme_color_code pre{min-height:136px;max-height:240px;overflow:auto}.advanced_gradient_presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));grid-gap:8px;gap:8px}.advanced_gradient_preset{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;border:1px solid var(--yul-brand-line);border-radius:12px;padding:8px;background:var(--gray-00);color:var(--yul-brand-muted);text-align:left;font-size:.74rem;font-weight:850}.advanced_gradient_preset_preview{width:42px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 14px rgba(35,24,10,.1);background-size:cover}.advanced_gradient_preset strong{min-width:0;color:var(--color-title);line-height:1.2;overflow-wrap:anywhere}.advanced_gradient_controls,.oklch_palette_fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));grid-gap:10px;gap:10px}.advanced_gradient_field,.oklch_palette_field{min-width:0;display:flex;flex-direction:column;gap:6px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.76rem;font-weight:850}.advanced_gradient_field input,.advanced_gradient_field select,.oklch_palette_field input{width:100%;min-height:40px;border:1px solid var(--control-border);border-radius:11px;background:var(--control-surface);color:var(--color-default);font-family:inherit;font-size:.8rem;font-weight:700;padding:8px 10px;outline:none;box-sizing:border-box;box-shadow:var(--control-shadow)}.advanced_gradient_field input[type=range],.oklch_palette_field input[type=range]{padding:0;min-height:32px;accent-color:var(--yul-brand-orange)}.advanced_gradient_field input:focus,.advanced_gradient_field select:focus,.oklch_palette_field input:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.advanced_gradient_preview{width:100%;min-height:190px;border:1px solid var(--yul-brand-glass-line);border-radius:16px;box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.oklch_palette_preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.oklch_palette_preview span{min-height:72px;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:9px;color:#221c14;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 10px 22px rgba(35,24,10,.1);overflow:hidden}.oklch_palette_preview b{border-radius:999px;padding:3px 8px;background:rgba(255,255,255,.58);color:#221c14;font-size:.68rem;font-weight:850}.oklch_palette_codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));grid-gap:10px;gap:10px}.oklch_palette_code pre{min-height:142px;max-height:260px;overflow:auto}.css_utility_grid{display:flex;flex-wrap:wrap;gap:14px}.css_utility_card{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:12px;border:1px solid var(--yul-brand-glass-line);border-radius:14px;padding:16px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.css_utility_card strong{display:block;color:var(--color-title);font-size:.9rem}.css_utility_card p{margin:4px 0 0;color:var(--yul-brand-muted);font-size:.78rem;line-height:1.45}.css_utility_card .copy_button{align-self:flex-start}.css_utility_card pre{margin:0;max-height:188px;overflow:auto;border-radius:10px;padding:12px;background:var(--yul-brand-navy);color:#dce4f2;font-size:.72rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .css_utility_card pre{background:#10141d}.clamp_generator{display:flex;flex-direction:column;gap:16px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:22px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.clamp_generator_head{max-width:760px}.clamp_generator_head h3{margin:0 0 8px;color:var(--color-title);font-size:1.18rem;line-height:1.35}.clamp_generator_head p{margin:0;color:var(--yul-brand-muted);font-size:.86rem;word-break:keep-all;overflow-wrap:break-word}.clamp_generator_layout{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.clamp_generator_controls{flex:1 1 360px;display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;min-width:0}.clamp_generator_field{flex:1 1 156px;display:flex;flex-direction:column;gap:6px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.78rem;font-weight:800}.clamp_generator_field input,.clamp_generator_field select{width:100%;min-height:42px;border:1px solid var(--control-border);border-radius:12px;background:var(--control-surface);color:var(--color-default);font-family:inherit;font-size:.86rem;font-weight:700;padding:9px 11px;outline:none;box-shadow:var(--control-shadow)}.clamp_generator_field input:focus,.clamp_generator_field select:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.clamp_generator_output{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:12px}.clamp_preview{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;width:100%;max-width:100%;border:1px solid var(--yul-brand-glass-line);border-radius:16px;padding:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--yul-brand-amber) 20%,var(--gray-00)),color-mix(in srgb,var(--yul-brand-lavender) 12%,var(--gray-00)));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);overflow:hidden}.clamp_preview_sample{display:flex;flex-direction:column;gap:8px;max-width:min(100%,420px);border:1px dashed color-mix(in srgb,var(--yul-brand-orange) 45%,var(--yul-brand-line));border-radius:14px;padding:16px;background:color-mix(in srgb,var(--gray-00) 72%,transparent)}.clamp_preview strong{color:var(--color-title);line-height:1;letter-spacing:0}.clamp_preview span{color:var(--yul-brand-muted);font-size:.86rem;font-weight:700}.clip_path_generator{display:flex;flex-direction:column;gap:16px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:22px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.clip_path_head{max-width:780px}.clip_path_head h3{margin:0 0 8px;color:var(--color-title);font-size:1.18rem;line-height:1.35}.clip_path_head p{margin:0;color:var(--yul-brand-muted);font-size:.86rem;word-break:keep-all;overflow-wrap:break-word}.clip_path_layout{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.clip_path_controls{flex:1 1 430px;min-width:0;display:flex;flex-direction:column;gap:14px}.clip_path_presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));grid-gap:8px;gap:8px}.clip_path_preset{min-height:96px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:12px;background:var(--gray-00);color:var(--yul-brand-muted);text-align:left}.clip_path_preset strong{display:block;color:var(--color-title);font-size:.86rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word}.clip_path_preset span{display:inline-flex;margin:5px 0;border:1px solid var(--yul-brand-line);border-radius:999px;padding:2px 7px;color:var(--yul-brand-orange-deep);font-size:.68rem;font-weight:850;text-transform:uppercase}.clip_path_preset em{display:block;color:var(--yul-brand-muted);font-size:.72rem;font-style:normal;line-height:1.35;word-break:keep-all;overflow-wrap:break-word}.clip_path_preset.is_active{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 12px 26px rgba(232,86,15,.18),inset 0 1px 0 rgba(255,255,255,.5)}.clip_path_preset.is_active em,.clip_path_preset.is_active span,.clip_path_preset.is_active strong{color:#221c14}.clip_path_preset.is_active span{border-color:rgba(34,28,20,.22);background:rgba(255,255,255,.28)}.clip_path_editor{display:flex;flex-direction:column;gap:12px;border:1px solid var(--yul-brand-line);border-radius:16px;padding:14px;background:var(--gray-00)}.clip_path_editor_head{display:flex;align-items:center;justify-content:space-between;gap:12px}.clip_path_editor_head div{display:flex;flex-direction:column;gap:2px;min-width:0}.clip_path_editor_head strong{color:var(--color-title);font-size:.92rem}.clip_path_editor_head span{color:var(--yul-brand-muted);font-size:.76rem;word-break:keep-all;overflow-wrap:break-word}.clip_path_points,.clip_path_value_grid{display:flex;flex-wrap:wrap;gap:8px}.clip_path_point{flex:1 1 210px;min-width:0;display:flex;align-items:flex-end;gap:8px;border:1px solid var(--yul-brand-glass-line);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.clip_path_point>strong{align-self:center;display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--yul-brand-amber) 22%,var(--gray-00));color:var(--yul-brand-orange-deep);font-size:.76rem}.clip_path_field{flex:1 1 70px;min-width:0;display:flex;flex-direction:column;gap:4px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.72rem;font-weight:800}.clip_path_field input{width:100%;min-height:38px;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface);color:var(--color-default);font-family:inherit;font-size:.84rem;font-weight:750;padding:8px 9px;outline:none;box-sizing:border-box;box-shadow:var(--control-shadow)}.clip_path_field input:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.clip_path_point_remove{flex:none;min-height:38px;border:1px solid var(--yul-brand-line);border-radius:999px;padding:0 12px;background:var(--gray-00);color:var(--yul-brand-muted);font-size:.72rem;font-weight:850}.clip_path_point_remove:disabled{opacity:.45;cursor:not-allowed}.clip_path_value_grid .clip_path_field{flex:1 1 120px}.clip_path_output{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:12px}.clip_path_preview_wrap{min-height:278px;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--yul-brand-cream) 74%,transparent),color-mix(in srgb,var(--yul-brand-amber) 12%,var(--gray-00)));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);overflow:hidden}.clip_path_preview,.clip_path_preview_wrap{display:flex;align-items:center;justify-content:center}.clip_path_preview{width:min(100%,360px);aspect-ratio:4/3;background:radial-gradient(circle at 22% 24%,rgba(255,255,255,.62),transparent 34%),linear-gradient(135deg,var(--yul-brand-orange),var(--yul-brand-amber) 46%,var(--yul-brand-lavender));color:#221c14;font-size:.92rem;font-weight:900;text-transform:uppercase;box-shadow:0 22px 48px rgba(232,86,15,.2),inset 0 1px 0 rgba(255,255,255,.45)}.clip_path_notice{border:1px solid color-mix(in srgb,var(--yul-brand-orange) 22%,var(--yul-brand-line));border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--yul-brand-amber) 12%,var(--yul-brand-glass-strong));color:color-mix(in srgb,var(--yul-brand-muted) 76%,var(--color-default));font-size:.8rem;font-weight:700;word-break:keep-all;overflow-wrap:break-word}.clip_path_code_grid{display:flex;flex-wrap:wrap;gap:12px}.clip_path_code{flex:1 1 260px;min-width:0;border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden;background:var(--gray-00)}.clip_path_code_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--gray-02);color:var(--color-title);font-size:.84rem}.clip_path_code pre{margin:0;min-height:136px;padding:16px;overflow:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.74rem;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .clip_path_code pre{background:#10141d}.accessibility_recipe{display:flex;flex-direction:column;gap:16px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:22px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.accessibility_recipe_head{max-width:780px}.accessibility_recipe_head h3{margin:0 0 8px;color:var(--color-title);font-size:1.18rem;line-height:1.35}.accessibility_recipe_head p{margin:0;color:var(--yul-brand-muted);font-size:.86rem;word-break:keep-all;overflow-wrap:break-word}.accessibility_recipe_layout{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.accessibility_recipe_tabs{flex:0 1 260px;min-width:0;display:flex;flex-direction:column;gap:8px}.accessibility_recipe_tab{min-height:66px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:12px 14px;background:var(--gray-00);color:var(--yul-brand-muted);text-align:left}.accessibility_recipe_tab strong{display:block;color:var(--color-title);font-size:.86rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word}.accessibility_recipe_tab span{display:block;margin-top:3px;font-size:.72rem;font-weight:800;text-transform:uppercase}.accessibility_recipe_tab.is_active{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 12px 26px rgba(232,86,15,.18),inset 0 1px 0 rgba(255,255,255,.5)}.accessibility_recipe_tab.is_active strong{color:#221c14}.accessibility_recipe_panel{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:14px}.accessibility_recipe_summary{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.accessibility_recipe_intro,.accessibility_recipe_preview{flex:1 1 250px;min-width:0;border:1px solid var(--yul-brand-glass-line);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.accessibility_recipe_preview{display:flex;align-items:center;gap:14px}.accessibility_recipe_preview_mark{flex:none;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--yul-brand-orange),var(--yul-brand-amber));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 26px rgba(232,86,15,.18)}.accessibility_recipe_intro h4,.accessibility_recipe_preview strong{color:var(--color-title);font-size:.98rem;line-height:1.35;word-break:keep-all;overflow-wrap:break-word}.accessibility_recipe_intro p,.accessibility_recipe_preview p{margin:6px 0 0;color:var(--yul-brand-muted);font-size:.8rem;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}.accessibility_recipe_intro h4{margin:0}.accessibility_recipe_notes{margin:0;padding:14px 18px 14px 34px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 22%,var(--yul-brand-line));border-radius:14px;background:color-mix(in srgb,var(--yul-brand-amber) 12%,var(--yul-brand-glass-strong));color:color-mix(in srgb,var(--yul-brand-muted) 74%,var(--color-default));font-size:.8rem;font-weight:650;line-height:1.55}.accessibility_recipe_code_grid{display:flex;flex-wrap:wrap;gap:12px}.accessibility_recipe_code{flex:1 1 260px;min-width:0;border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden;background:var(--gray-00)}.accessibility_recipe_code_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--gray-02);color:var(--color-title);font-size:.84rem}.accessibility_recipe_code pre{margin:0;min-height:176px;padding:16px;overflow:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.74rem;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .accessibility_recipe_code pre{background:#10141d}.seo_text{margin-top:56px;max-width:720px}.seo_text_details{border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:0;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);overflow:hidden}.seo_text_details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:var(--color-title);font-size:.95rem;font-weight:850;line-height:1.45;cursor:pointer;list-style:none;word-break:keep-all;overflow-wrap:break-word}.seo_text_details summary::-webkit-details-marker{display:none}.seo_text_details summary:after{content:"+";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 30%,var(--yul-brand-line));border-radius:999px;color:var(--yul-brand-orange-deep);background:color-mix(in srgb,var(--yul-brand-amber) 14%,var(--yul-brand-glass-strong));font-weight:900}.seo_text_details[open] summary:after{content:"-"}.seo_text_body{padding:0 20px 22px}.seo_text h2{font-size:1.15rem;color:var(--color-title);margin:28px 0 10px;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.seo_text_body h2:first-child{margin-top:0}.seo_text p{color:var(--yul-brand-muted);font-size:.9rem;margin:0;word-break:keep-all;overflow-wrap:break-word}.font_exp{display:flex;flex-direction:column;gap:22px}.font_exp_controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.font_exp_input{flex:1 1 320px;border:1px solid var(--control-border);background:var(--control-surface);color:var(--color-default);border-radius:12px;padding:13px 16px;font-size:.95rem;font-family:inherit;outline:none;box-shadow:var(--control-shadow)}.font_exp_input:focus{border-color:var(--yul-brand-orange);box-shadow:0 0 0 3px rgba(242,140,40,.15)}.font_exp_size_ctl{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--yul-brand-muted)}.font_exp_size_ctl input{accent-color:var(--yul-brand-orange);width:140px}.font_exp_filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:14px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.font_exp_search{flex:1 1 220px;max-width:320px;border:1px solid var(--control-border);background:var(--control-surface);color:var(--color-default);border-radius:999px;padding:9px 18px;font-size:.85rem;font-family:inherit;outline:none;box-shadow:var(--control-shadow)}.font_exp_search:focus{border-color:var(--yul-brand-orange)}.font_exp_sort,.font_exp_var_only{font-size:.82rem}.font_exp_sort{border:1px solid var(--control-border);background:var(--control-surface);color:var(--color-default);border-radius:10px;padding:8px 12px;font-family:inherit;margin-left:auto;box-shadow:var(--control-shadow)}.font_exp_summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:-4px 0;color:var(--yul-brand-muted);font-size:.8rem}.font_exp_summary strong{color:var(--color-title);font-size:.92rem}.font_exp_summary span{border:1px solid var(--yul-brand-glass-line);border-radius:999px;padding:4px 10px;background:color-mix(in srgb,var(--yul-brand-cream) 68%,transparent)}.font_exp_catalog_bar,.icon_exp_summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid var(--yul-brand-glass-line);border-radius:16px;padding:10px 12px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);color:var(--yul-brand-muted);font-size:.78rem}.font_exp_catalog_bar strong,.icon_exp_summary strong{color:var(--color-title);font-size:.9rem}.font_exp_catalog_bar span,.icon_exp_summary span{border:1px solid var(--yul-brand-line);border-radius:999px;padding:4px 9px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);font-weight:800}.font_exp_cats{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.font_exp_providers{padding-right:12px;border-right:1px solid var(--yul-brand-line)}.font_exp_cat{border:1px solid var(--yul-brand-line);background:var(--gray-00);color:var(--yul-brand-muted);border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600}.font_exp_cat.is_active{background:var(--yul-brand-yellow);border-color:var(--yul-brand-yellow);color:#262118}.font_collection,.icon_collection{position:-webkit-sticky;position:sticky;top:92px;z-index:2;display:flex;flex-direction:column;gap:14px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:20px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.font_collection_head,.icon_collection_head{display:flex;align-items:center;justify-content:space-between;gap:12px}.font_collection_head>div:not(.collection_head_actions),.icon_collection_head>div:not(.collection_head_actions){display:flex;flex-direction:column;gap:2px}.font_collection_head strong,.icon_collection_head strong{color:var(--color-title);font-size:1rem}.collection_head_actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.collection_head_actions .icon_detail_close{min-width:0;height:30px;font-size:.68rem}.font_collection_backdrop,.font_collection_sheet_close,.font_collection_sheet_open{display:none}.font_collection_kicker{color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:850;text-transform:uppercase}html[data-theme=dark] .font_collection_kicker{color:var(--yul-brand-yellow)}.font_collection_empty{margin:0;color:var(--yul-brand-muted);font-size:.84rem}.font_collection_stats{display:flex;flex-wrap:wrap;gap:6px}.font_collection_stats span{padding:4px 9px;background:color-mix(in srgb,var(--yul-brand-cream) 70%,transparent);color:var(--yul-brand-muted);font-size:.7rem;font-weight:800}.collection_panel_tabs,.font_collection_stats span{border:1px solid var(--yul-brand-line);border-radius:999px}.collection_panel_tabs{display:flex;flex-wrap:wrap;gap:7px;padding:5px;background:color-mix(in srgb,var(--gray-00) 82%,transparent)}.collection_panel_tab{flex:1 1 auto;min-height:34px;border:1px solid transparent;border-radius:999px;padding:6px 10px;background:transparent;color:var(--yul-brand-muted);font-size:.72rem;font-weight:900;white-space:nowrap}.collection_panel_tab.is_active{background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 10px 20px rgba(232,86,15,.16),inset 0 1px 0 rgba(255,255,255,.5)}.font_collection_chips{display:flex;flex-wrap:wrap;gap:8px}.font_collection_chip{border:1px solid var(--yul-brand-glass-line);border-radius:999px;padding:5px 10px;background:color-mix(in srgb,var(--yul-brand-cream) 74%,transparent);color:var(--yul-brand-muted);font-size:.72rem;font-weight:750}.font_collection_chip:hover{border-color:var(--yul-brand-orange);color:var(--color-title)}.icon_collection_chip{display:inline-flex;align-items:center;gap:6px;max-width:100%}.icon_collection_thumb{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--gray-00)}.icon_collection_thumb img{width:16px;height:16px;filter:brightness(.35) saturate(1.2)}html[data-theme=dark] .icon_collection_thumb img{filter:brightness(0) invert(1)}.icon_collection_chip span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font_collection_codes{display:flex;flex-wrap:wrap;gap:12px}.font_collection_group{display:flex;flex-direction:column;gap:8px;width:100%;border-top:1px solid var(--yul-brand-line);padding-top:12px}.font_collection_group:first-child{border-top:0;padding-top:0}.font_collection_group.is_active .font_collection_group_head strong{color:var(--yul-brand-orange-deep)}html[data-theme=dark] .font_collection_group.is_active .font_collection_group_head strong{color:var(--yul-brand-yellow)}.font_collection_group_head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;color:var(--color-title)}.font_collection_group_head strong{font-size:.84rem}.font_collection_group_head span{color:var(--yul-brand-muted);font-size:.72rem}.font_collection_group_body{display:flex;flex-wrap:wrap;gap:10px}.font_collection_code{flex:1 1 260px;width:100%;max-width:100%;min-width:0;border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden;background:var(--gray-00)}.font_collection_code_bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:color-mix(in srgb,var(--yul-brand-card) 72%,transparent);color:var(--color-title);font-size:.8rem}.font_collection_code pre{margin:0;min-height:118px;max-height:240px;overflow:auto;padding:12px;background:var(--yul-brand-navy);color:#dce4f2;font-size:.72rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.icon_collection .font_collection_group{gap:7px;padding-top:10px}.icon_collection .font_collection_group_body{gap:8px}.icon_collection .font_collection_code pre{min-height:82px;max-height:150px}html[data-theme=dark] .font_collection_code pre{background:#10141d}.font_exp_body{display:flex;align-items:flex-start;gap:18px}.font_exp_results{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:18px}.font_exp_body .font_collection{flex:0 0 430px;max-height:calc(100dvh - 112px);overflow:auto}.font_exp_body .font_collection_codes,.font_exp_body .font_collection_group_body{flex-direction:column}.font_exp_body .font_collection_code{flex-basis:auto}.font_exp_list_head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--yul-brand-line);padding-bottom:12px}.font_exp_list_head div{display:flex;flex-direction:column;gap:2px}.font_exp_list_head div>span{color:var(--yul-brand-orange-deep);font-family:var(--font-Eng);font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.font_exp_list_head strong{color:var(--color-title);font-size:1rem}.font_exp_list_head p{max-width:520px;margin:0;color:var(--yul-brand-muted);font-size:.8rem;line-height:1.5;text-align:right}.font_exp_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-gap:14px;gap:14px;align-items:stretch}.font_card{min-width:0;min-height:100%;background:var(--gray-00);border:1px solid var(--yul-brand-line);border-radius:16px;padding:16px 18px;box-shadow:var(--yul-brand-shadow2);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px 16px;gap:12px 16px;align-items:start;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.font_card:hover{border-color:var(--yul-brand-amber)}.font_card.is_open{border-color:var(--yul-brand-orange)}.font_card_toggle{flex:1 1 auto;border:none;background:transparent;color:inherit;text-align:left;padding:0;display:flex;flex-direction:column;gap:12px}.font_card_meta{margin:0;font-size:.76rem;color:var(--yul-brand-orange);font-weight:600}.font_card_actions{display:flex;justify-content:flex-end;margin-top:0}.font_collect_btn{border:1px solid var(--yul-brand-line);border-radius:999px;padding:7px 14px;background:var(--gray-00);color:var(--yul-brand-muted);font-size:.76rem;font-weight:850;transition:transform .24s var(--motion-ease-out),border-color .24s,box-shadow .24s,background .24s,color .24s}.font_collect_btn:hover{transform:translateY(-1px);border-color:var(--yul-brand-orange);box-shadow:0 10px 22px rgba(232,86,15,.12)}.font_collect_btn.is_active{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 10px 22px rgba(232,86,15,.16),inset 0 1px 0 rgba(255,255,255,.5)}.font_card_detail{grid-column:1/-1;display:flex;flex-direction:column;gap:14px}.font_card_head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.font_card_names{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.font_card_name{margin:0;font-size:1rem;color:var(--color-title)}.font_card_family{font-size:.78rem;color:var(--yul-brand-muted);font-family:var(--font-Eng)}.font_card_badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:.7rem;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--gray-02);color:var(--yul-brand-muted);border:1px solid var(--yul-brand-line)}.badge_license{background:rgba(111,155,101,.14);color:var(--normal);border-color:transparent}.badge_var{background:var(--sky);color:var(--blue);border-color:transparent}.badge_source{background:rgba(255,255,255,.48);color:var(--yul-brand-orange-deep)}.font_card_preview_row{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;align-items:stretch}.font_card_preview{margin:0;display:flex;align-items:center;padding:16px 18px;background:var(--yul-brand-paper-soft);border:1px solid var(--yul-brand-line);border-radius:14px;line-height:1.45;min-height:88px;word-break:keep-all;overflow-wrap:anywhere}.font_card_specs{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;min-width:0}.font_card_specs div{min-width:0;border:1px solid var(--yul-brand-line);border-radius:12px;padding:8px 9px;background:color-mix(in srgb,var(--yul-brand-cream) 70%,transparent)}.font_card_specs dt{margin:0 0 3px;color:var(--yul-brand-muted);font-family:var(--font-Eng);font-size:.62rem;font-weight:850;text-transform:uppercase}.font_card_specs dd{margin:0;color:var(--color-title);font-size:.72rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font_card_weights{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.font_card_weights_label{font-size:.76rem;font-weight:700;color:var(--yul-brand-muted);margin-right:4px}.weight_chip{display:flex}.weight_chip input{position:absolute;opacity:0;pointer-events:none}.weight_chip span{border:1px solid var(--yul-brand-line);border-radius:8px;padding:4px 10px;font-size:.76rem;color:var(--disabled);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.weight_chip.is_on span{background:var(--yul-brand-yellow-soft);border-color:var(--yul-brand-amber);color:#262118}html[data-theme=dark] .weight_chip.is_on span{background:rgba(246,200,79,.2);color:var(--yul-brand-yellow)}.font_card_size{margin:0;font-size:.78rem;color:var(--yul-brand-muted)}.font_card_size.is_heavy{color:var(--error);font-weight:600}.font_card_size_note{font-weight:400;color:var(--yul-brand-muted)}.font_card_copy{border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden}.font_card_tabs{display:flex;align-items:center;gap:4px;padding:8px 10px;background:var(--gray-02);border-bottom:1px solid var(--yul-brand-line)}.font_card_tab{border:none;background:transparent;color:var(--yul-brand-muted);font-size:.76rem;font-weight:600;padding:5px 12px;border-radius:7px}.font_card_tab.is_active{background:var(--gray-00);color:var(--color-title);box-shadow:0 1px 3px rgba(0,0,0,.08)}.font_card_tabs .copy_button{margin-left:auto}.font_card_code{margin:0;padding:13px 16px;overflow-x:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.74rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .font_card_code{background:#10141d}.font_converter{display:flex;flex-direction:column;gap:24px}.font_converter_dropzone{position:relative;min-height:164px}.font_converter_dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.font_converter_dropzone:focus-within{border-color:var(--yul-brand-orange);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.font_converter_file{display:flex;flex-direction:column;gap:4px;color:var(--yul-brand-muted)}.font_converter_file strong{color:var(--color-title);font-size:1rem}.font_converter_file_list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.font_converter_file_item{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--yul-brand-glass-line);border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--gray-00) 82%,transparent);color:var(--color-title);font-size:.76rem;font-weight:800;box-shadow:var(--control-shadow)}.font_converter_file_item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font_converter_file_item em{flex-shrink:0;color:var(--yul-brand-muted);font-style:normal;font-size:.68rem}.font_converter_upload_actions{display:flex;justify-content:flex-end;margin-top:10px}.font_converter_clear{border:1px solid var(--yul-brand-glass-line);padding:8px 14px;background:color-mix(in srgb,var(--gray-00) 72%,transparent);color:var(--color-title);font-size:.76rem;box-shadow:var(--control-shadow)}.font_converter_clear:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-line));box-shadow:0 12px 24px rgba(232,86,15,.12)}.font_converter_submit{margin-top:20px}.form_field_weight{flex:0 1 180px}.font_converter_result{gap:16px}.font_converter_files{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.font_converter_file_card{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid var(--yul-brand-glass-line);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--yul-brand-muted);text-decoration:none;box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);transition:transform .24s var(--motion-ease-out),border-color .24s,box-shadow .24s}.font_converter_file_card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-line));box-shadow:0 16px 34px rgba(232,86,15,.12)}.font_converter_file_card strong{color:var(--color-title);overflow-wrap:anywhere}.font_converter_file_card span{font-size:.78rem}.font_converter_code{border:1px solid var(--yul-brand-line);border-radius:12px;overflow:hidden;background:var(--gray-00)}.font_converter_code_bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:color-mix(in srgb,var(--yul-brand-card) 72%,transparent);color:var(--color-title);font-size:.84rem}.font_converter_code pre{margin:0;padding:16px;overflow:auto;background:var(--yul-brand-navy);color:#dce4f2;font-size:.76rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .font_converter_code pre{background:#10141d}.icon_exp{display:flex;flex-direction:column;gap:20px}.icon_exp_search{max-width:420px}.icon_filter_groups{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.icon_filter_group{flex:1 1 220px;min-width:0;margin:0;border:1px solid var(--yul-brand-line);border-radius:14px;padding:10px 12px 12px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light)}.icon_filter_group legend,.icon_stroke_default>span:first-child{color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:900}.icon_filter_options{gap:6px}.icon_stroke_default{display:flex;flex-direction:column;gap:8px}.icon_exp_sets .font_exp_cat:disabled,.icon_filter_options .font_exp_cat:disabled{opacity:.42;cursor:not-allowed}.icon_exp_body{display:flex;align-items:flex-start;gap:18px}.icon_exp_results{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:16px}.icon_exp_body .icon_collection{flex:0 0 400px;max-height:calc(100dvh - 112px);overflow:auto}.icon_exp_body .font_collection_codes,.icon_exp_body .font_collection_group_body{flex-direction:column}.icon_exp_body .font_collection_code{flex-basis:auto}.icon_grid{display:flex;flex-wrap:wrap;gap:10px;transition:opacity .15s}.icon_grid.is_loading{opacity:.45}.icon_grid_item{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;width:104px;padding:10px 7px 8px;border:1px solid var(--yul-brand-line);border-radius:14px;background:var(--gray-00);color:var(--yul-brand-muted);transition:border-color .12s,box-shadow .12s}.icon_grid_item:hover{border-color:var(--yul-brand-amber);box-shadow:var(--yul-brand-shadow2)}.icon_grid_item.is_active{border-color:var(--yul-brand-orange);background:var(--yul-brand-paper-soft)}.icon_grid_item.has_collected{border-color:color-mix(in srgb,var(--yul-brand-orange) 52%,var(--yul-brand-line))}.icon_grid_preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;border:none;background:transparent;color:inherit;padding:0}.icon_grid_item img{width:30px;height:30px;opacity:.92;filter:brightness(.35) saturate(1.2)}.icon_grid_item.is_active img{opacity:1;filter:brightness(.2) saturate(1.3)}html[data-theme=dark] .icon_grid_item img{filter:brightness(0) invert(1)}.icon_grid_item span{font-size:.62rem;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon_grid_collect{border:1px solid var(--yul-brand-line);border-radius:999px;height:26px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--yul-brand-muted);font-size:.68rem;font-weight:850}.icon_grid_collect.is_active{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14}.icon_detail{display:flex;flex-direction:column;gap:14px;background:var(--gray-00);border:1px solid var(--yul-brand-orange);border-radius:var(--round);padding:22px;box-shadow:var(--yul-brand-shadow2)}.icon_detail_head{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon_detail_id{display:flex;align-items:center;gap:14px}.icon_detail_preview{flex-shrink:0;width:72px;height:72px;border:1px solid var(--yul-brand-line);border-radius:16px;background:var(--gray-02);color:var(--yul-brand-orange);box-shadow:var(--yul-brand-inner-light);overflow:hidden}.icon_detail_preview,.icon_detail_preview span{display:inline-flex;align-items:center;justify-content:center}.icon_detail_preview svg{display:block;max-width:58px;max-height:58px}.icon_detail_preview img{width:40px;height:40px;filter:none}.icon_detail_id div{display:flex;flex-direction:column;gap:2px}.icon_detail_id strong{color:var(--color-title);font-family:var(--font-Eng)}.icon_detail_close,.icon_detail_id span{font-size:.76rem;color:var(--yul-brand-muted)}.icon_detail_close{border:1px solid var(--yul-brand-line);background:var(--gray-02);border-radius:999px;min-width:44px;height:32px;padding:0 10px;flex-shrink:0}.icon_detail_actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon_customizer{display:flex;flex-wrap:wrap;gap:10px;margin:0;border:1px solid var(--yul-brand-line);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.icon_customizer legend{padding:0 6px;color:var(--yul-brand-orange-deep);font-size:.78rem;font-weight:850}.icon_custom_field{flex:1 1 190px;min-width:0;display:flex;flex-direction:column;gap:7px;color:var(--yul-brand-muted);font-size:.76rem;font-weight:800}.icon_color_controls,.icon_range_controls{display:flex;align-items:center;gap:8px;min-width:0}.icon_color_controls input[type=color]{flex:0 0 44px;width:44px;height:36px;border:1px solid var(--yul-brand-line);border-radius:10px;padding:3px;background:var(--gray-00)}.icon_color_controls input[type=text],.icon_range_controls input[type=number]{min-width:0;border:1px solid var(--control-border);border-radius:10px;background:var(--control-surface);color:var(--color-default);font:inherit;font-size:.78rem;font-weight:750;height:36px;padding:0 10px;box-shadow:var(--control-shadow)}.icon_color_controls input[type=text]{flex:1 1 auto;font-family:var(--font-Eng)}.icon_range_controls input[type=range]{flex:1 1 auto;min-width:96px;accent-color:var(--yul-brand-orange)}.icon_range_controls input[type=number]{flex:0 0 72px}.svg_optimizer{display:flex;flex-direction:column;gap:18px;scroll-margin-top:112px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:22px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.svg_optimizer_head{max-width:780px}.svg_optimizer_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.32rem}.svg_optimizer_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem;word-break:keep-all;overflow-wrap:break-word}.svg_optimizer_layout{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.svg_optimizer_panel,.svg_optimizer_result{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:12px}.svg_optimizer_field{display:flex;flex-direction:column;gap:7px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.8rem;font-weight:800}.svg_optimizer_field textarea{min-height:260px;width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--control-border);border-radius:14px;background:var(--control-surface);color:var(--color-default);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.55;padding:14px;outline:none;box-shadow:var(--control-shadow);transition:border-color .22s,box-shadow .22s,background .22s}.svg_optimizer_field textarea:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.svg_optimizer_actions{display:flex;flex-wrap:wrap;gap:8px}.svg_optimizer_preview{min-height:180px;display:flex;align-items:center;justify-content:center;border:1px solid var(--yul-brand-glass-line);border-radius:16px;padding:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--yul-brand-amber) 18%,var(--gray-00)),color-mix(in srgb,var(--yul-brand-lavender) 10%,var(--gray-00)));color:var(--color-title);box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);overflow:hidden}.svg_optimizer_preview_icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;color:var(--yul-brand-orange-deep)}.svg_optimizer_preview_icon svg{max-width:100%;max-height:100%;width:100%;height:100%}.svg_optimizer_stats{display:flex;flex-wrap:wrap;gap:8px;margin:0}.svg_optimizer_stats div{flex:1 1 120px;min-width:0;border:1px solid var(--yul-brand-line);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.svg_optimizer_stats dt{margin:0 0 3px;color:var(--yul-brand-muted);font-size:.72rem;font-weight:800}.svg_optimizer_stats dd{margin:0;color:var(--color-title);font-size:.88rem;font-weight:850}.svg_optimizer_checks{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.svg_optimizer_check{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;justify-content:space-between;border:1px solid var(--yul-brand-line);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.svg_optimizer_check strong{color:var(--color-title);font-size:.82rem}.svg_optimizer_check span{color:var(--yul-brand-muted);font-size:.76rem;line-height:1.4}.svg_optimizer_check.is_ok{border-color:rgba(52,132,91,.34);background:rgba(52,132,91,.08)}.svg_optimizer_check.is_warn{border-color:color-mix(in srgb,var(--yul-brand-amber) 54%,var(--yul-brand-line));background:color-mix(in srgb,var(--yul-brand-yellow-soft) 62%,transparent)}.mj_generator{display:flex;flex-direction:column;gap:20px}.mj_generator_head{max-width:780px}.mj_generator_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.32rem}.mj_generator_head p{margin:0;color:var(--yul-brand-muted);font-size:.9rem;word-break:keep-all;overflow-wrap:break-word}.mj_layout{display:flex;align-items:flex-start;gap:18px}.mj_code_panel,.mj_panel{border:1px solid var(--yul-brand-glass-line);border-radius:16px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.mj_controls{flex:0 0 380px;display:flex;flex-direction:column;gap:15px;padding:18px}.mj_output{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:14px}.mj_chip_group,.mj_field,.mj_range{display:flex;flex-direction:column;gap:7px;color:color-mix(in srgb,var(--yul-brand-muted) 72%,var(--color-default));font-size:.8rem;font-weight:800}.mj_field_row{display:flex;flex-wrap:wrap;gap:12px}.mj_field_row .mj_field{flex:1 1 160px}.mj_input,.mj_select,.mj_textarea{width:100%;box-sizing:border-box;border:1px solid var(--control-border);border-radius:12px;background:var(--control-surface);color:var(--color-default);font-family:inherit;font-size:.86rem;font-weight:650;outline:none;box-shadow:var(--control-shadow);transition:border-color .22s,box-shadow .22s,background .22s}.mj_textarea{min-height:112px;resize:vertical;padding:13px 14px;line-height:1.55}.mj_input,.mj_select{min-height:42px;padding:10px 12px}.mj_input::placeholder,.mj_textarea::placeholder{color:var(--control-placeholder);opacity:1}.mj_input:focus,.mj_select:focus,.mj_textarea:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.mj_chip_row{display:flex;flex-wrap:wrap;gap:8px}.mj_chip{border:1px solid var(--yul-brand-glass-line);border-radius:999px;padding:7px 12px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--yul-brand-muted);font-size:.78rem;font-weight:850;transition:transform .24s var(--motion-ease-out),border-color .24s,box-shadow .24s,background .24s,color .24s}.mj_chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-line));box-shadow:0 12px 24px rgba(232,86,15,.12)}.mj_chip.is_active{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 12px 26px rgba(232,86,15,.18),inset 0 1px 0 rgba(255,255,255,.5)}.mj_range input{accent-color:var(--yul-brand-orange)}.mj_check{align-self:flex-end;min-height:42px;padding:0 4px 2px}.mj_code_panel{overflow:hidden}.mj_code_bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--yul-brand-card) 72%,transparent);color:var(--color-title);font-size:.84rem}.mj_code{margin:0;max-height:260px;overflow:auto;padding:15px;background:var(--yul-brand-navy);color:#dce4f2;font-size:.74rem;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .mj_code{background:#10141d}.mj_split_output{display:flex;flex-wrap:wrap;gap:14px}.mj_split_output .mj_code_panel{flex:1 1 260px;min-width:0}.accessibility_recipe_code,.accessibility_recipe_intro,.accessibility_recipe_preview,.accessibility_recipe_tab,.advanced_gradient_preset,.clip_path_code,.clip_path_editor,.clip_path_point,.clip_path_preset,.clip_path_preview_wrap,.code_block,.collection_panel_tab,.css_generator_code,.css_generator_fields,.css_generator_pattern,.css_preset,.css_utility_card,.font_card,.font_card_copy,.font_collection_chip,.font_collection_code,.font_exp_cat,.icon_detail,.icon_grid_collect,.icon_grid_item,.meta_checker,.mj_chip,.mj_code_panel,.mj_panel,.publishing_checklist{border-color:var(--yul-brand-glass-line);background:linear-gradient(150deg,var(--yul-brand-glass-strong),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.meta_checker,.publishing_checklist{border-radius:var(--round)}.accessibility_recipe_code_bar,.clip_path_code_bar,.code_block_bar,.css_generator_code_bar,.font_card_tabs,.meta_checker_suggestion_bar,.publishing_checklist_report_bar{background:color-mix(in srgb,var(--yul-brand-card) 72%,transparent);border-color:var(--yul-brand-line)}.css_generator_kicker,.meta_checker_kicker,.publishing_checklist_kicker{border-color:color-mix(in srgb,var(--yul-brand-orange) 26%,var(--yul-brand-line));background:color-mix(in srgb,var(--yul-brand-amber) 14%,var(--yul-brand-glass-strong));color:var(--yul-brand-orange-deep);font-weight:850;letter-spacing:0}.accessibility_recipe_tab,.advanced_gradient_preset,.clip_path_preset,.collection_panel_tab,.css_generator_group,.css_generator_pattern,.css_preset,.font_card_tab,.font_collect_btn,.font_exp_cat,.icon_detail_close,.icon_grid_collect,.icon_grid_item,.weight_chip span{transition:transform .24s var(--motion-ease-out),border-color .24s,box-shadow .24s,background .24s,color .24s}.accessibility_recipe_tab:hover,.advanced_gradient_preset:hover,.clip_path_preset:hover,.collection_panel_tab:hover,.css_generator_group:hover,.css_generator_pattern:hover,.css_preset:hover,.font_collect_btn:hover,.font_exp_cat:hover,.icon_detail_close:hover,.icon_grid_collect:hover,.icon_grid_item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yul-brand-orange) 48%,var(--yul-brand-line));box-shadow:0 16px 34px rgba(232,86,15,.12)}.accessibility_recipe_tab.is_active,.advanced_gradient_preset.is_active,.clip_path_preset.is_active,.collection_panel_tab.is_active,.css_generator_group.is_active,.css_generator_pattern.is_active,.css_preset.is_active,.font_card_tab.is_active,.font_exp_cat.is_active,.font_exp_cat_lang.is_active,.icon_grid_collect.is_active,.icon_grid_item.is_active,.weight_chip.is_on span{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:#221c14;box-shadow:0 12px 26px rgba(232,86,15,.18),inset 0 1px 0 rgba(255,255,255,.5)}.accessibility_recipe_tab:focus-visible,.advanced_gradient_preset:focus-visible,.btn:focus-visible,.clip_path_preset:focus-visible,.collection_panel_tab:focus-visible,.copy_button:focus-visible,.css_generator_group:focus-visible,.css_generator_pattern:focus-visible,.css_preset:focus-visible,.dropzone:focus-visible,.font_card_tab:focus-visible,.font_card_toggle:focus-visible,.font_collect_btn:focus-visible,.font_converter_file_card:focus-visible,.font_exp_cat:focus-visible,.home_path_link:focus-visible,.hub_action_link:focus-visible,.icon_detail_close:focus-visible,.icon_grid_collect:focus-visible,.icon_grid_preview:focus-visible,.mj_chip:focus-visible,.recent_copy_toggle:focus-visible,.site_header_nav a:focus-visible,.theme_toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--yul-brand-orange) 72%,white);outline-offset:4px;border-color:var(--yul-brand-orange);box-shadow:0 0 0 5px rgba(255,138,30,.22),0 14px 30px rgba(232,86,15,.16)}.dropzone:focus-visible{background:var(--yul-brand-glass-strong);transform:translateY(-1px)}.font_card{transition:transform .3s var(--motion-ease-out),box-shadow .3s,border-color .3s}.font_card.is_open,.font_card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--yul-brand-orange) 46%,var(--yul-brand-glass-line));box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light)}.css_generator_field code,.css_generator_field input[type=color],.font_card_preview,.icon_color_controls input[type=color],.icon_customizer,.icon_detail_preview,.meta_checker_panel,.publishing_checklist_item{border-color:var(--yul-brand-glass-line);background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.advanced_gradient_field input:not([type=range]),.advanced_gradient_field select,.clamp_generator_field input:not([type=range]),.clamp_generator_field select,.clip_path_field input,.css_generator_search,.font_exp_input,.font_exp_search,.font_exp_sort,.form_field input[type=text],.form_field input[type=url],.icon_color_controls input[type=text],.icon_range_controls input[type=number],.meta_checker_field textarea,.mj_input,.mj_select,.mj_textarea,.oklch_palette_field input:not([type=range]),.svg_optimizer_field textarea{border-color:var(--control-border);background:var(--control-surface);box-shadow:var(--control-shadow)}.advanced_gradient_field input::placeholder,.clamp_generator_field input::placeholder,.clip_path_field input::placeholder,.css_generator_search::placeholder,.font_exp_input::placeholder,.font_exp_search::placeholder,.form_field input[type=text]::placeholder,.form_field input[type=url]::placeholder,.icon_color_controls input[type=text]::placeholder,.icon_range_controls input[type=number]::placeholder,.meta_checker_field textarea::placeholder,.mj_input::placeholder,.mj_textarea::placeholder,.oklch_palette_field input::placeholder,.svg_optimizer_field textarea::placeholder{color:var(--control-placeholder);opacity:1}.advanced_gradient_field input,.advanced_gradient_field select,.clamp_generator_field input,.clamp_generator_field select,.clip_path_field input,.css_generator_search,.font_exp_input,.font_exp_search,.font_exp_sort,.icon_color_controls input[type=text],.icon_range_controls input[type=number],.meta_checker_field textarea,.oklch_palette_field input,.svg_optimizer_field textarea{transition:border-color .22s,box-shadow .22s,background .22s}.advanced_gradient_field input:focus,.advanced_gradient_field select:focus,.clamp_generator_field input:focus,.clamp_generator_field select:focus,.clip_path_field input:focus,.css_generator_search:focus,.font_exp_input:focus,.font_exp_search:focus,.form_field input[type=text]:focus,.form_field input[type=url]:focus,.icon_color_controls input[type=text]:focus,.icon_range_controls input[type=number]:focus,.meta_checker_field textarea:focus,.mj_input:focus,.mj_select:focus,.mj_textarea:focus,.oklch_palette_field input:focus,.svg_optimizer_field textarea:focus{border-color:var(--yul-brand-orange);background:var(--gray-00);box-shadow:0 0 0 4px rgba(255,138,30,.15)}.css_generator_preview{box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light)}.badge,.css_generator_preview{border-color:var(--yul-brand-glass-line)}.badge{background:color-mix(in srgb,var(--yul-brand-cream) 74%,transparent)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.accessibility_recipe_tab:hover,.btn_primary:hover:not(:disabled),.clip_path_preset:hover,.copy_button:hover,.css_generator_pattern:hover,.css_preset:hover,.font_card.is_open,.font_card:hover,.font_exp_cat:hover,.gen_step:hover,.home_path_link:hover,.icon_detail_close:hover,.icon_grid_collect:hover,.icon_grid_item:hover,.site_header_nav a:hover,.theme_toggle:hover{transform:none}}@media (max-width:900px){.hero_title{font-size:3.15rem}.site_header_inner{gap:14px}.site_header_nav{overflow-x:auto;overflow-y:hidden;padding-right:4px;scrollbar-width:none}.site_header_nav::-webkit-scrollbar{display:none}.site_header_nav a{flex:0 0 auto}.css_generator_layout{grid-template-columns:1fr}.css_generator_output{order:-1;position:static;max-height:none}}@media (max-width:640px){:root{font-size:16px}html{scroll-padding-top:142px}html.has_hidden_header{scroll-padding-top:16px}.site_header{top:8px;padding-top:8px;transition:opacity .24s,transform .24s var(--motion-ease-out)}html.has_hidden_header .site_header{opacity:0;transform:translateY(calc(-100% - 18px));pointer-events:none}.site_main{padding-top:34px}.hero{padding:44px 0 38px}.hero:before{top:18px;height:86px;filter:blur(28px)}.hero_title{font-size:2.35rem;line-height:1.14}.hero_desc{font-size:.98rem;text-align:left}.hub_actions{justify-content:stretch}.hub_action_link{width:100%}.home_paths{padding:20px}.home_paths_head h2{font-size:1.16rem}.home_path_card{flex-basis:100%;min-height:0}.home_path_link{flex:1 1 auto}.home_faq{padding:20px}.home_faq_head h2{font-size:1.16rem}.home_faq_item summary{padding:14px 16px}.home_faq_item p{padding:0 16px 16px}.css_overview,.favicon_overview,.font_overview,.icon_overview,.mj_overview{padding:20px}.css_overview_head h2,.favicon_overview_head h2,.font_overview_head h2,.icon_overview_head h2,.mj_overview_head h2{font-size:1.18rem}.css_output_card,.favicon_output_card,.font_output_card,.icon_output_card,.mj_output_card{flex-basis:100%;min-height:0}.quick_start_guide{margin-top:-8px;padding:16px;gap:12px}.quick_start_head,.quick_start_list,.quick_start_step{flex-basis:100%}.quick_start_head h2{font-size:1.04rem}.quick_start_step{padding:12px}.guide_links{padding:20px}.guide_links_head h2{font-size:1.18rem}.guide_link_card{flex-basis:100%;min-height:0}.site_header_inner{height:auto;min-height:var(--header-h);flex-wrap:wrap;justify-content:space-between;gap:10px 14px;padding:10px 12px;border-radius:24px}.site_header_nav{order:3;flex:1 0 100%;gap:6px;overflow-x:auto;padding:0 144px 2px 0;scroll-padding-inline:18px;scrollbar-width:none}.site_header_nav::-webkit-scrollbar{display:none}.site_header_nav a{flex:0 0 auto;padding:7px 12px}.gen_action_bar{top:132px;align-items:stretch;flex-direction:column;gap:10px;padding:12px;transition:top .24s var(--motion-ease-out)}html.has_hidden_header .gen_action_bar{top:12px}.gen_action_bar .btn_primary{width:100%}.gen_action_bar .gen_hint{text-align:center}.gen_result,.gen_step{padding:20px}.image_checker_metric_list,.image_checker_preview_panel,.image_checker_result_grid{grid-template-columns:1fr}.image_checker_specs span{flex:1 1 100%}.apply_guide{grid-template-columns:1fr}.project_preset_head{flex-direction:column}.project_preset_actions{width:100%}.collection_head_actions,.project_preset_actions{justify-content:flex-start}.recent_copy_dock{right:12px;bottom:12px;width:calc(100vw - 24px)}.recent_copy_panel{max-height:min(500px,calc(100dvh - 110px))}.recent_copy_meta{align-items:flex-start;flex-direction:column;gap:2px}.meta_checker{padding:20px}.meta_checker_summary{flex-direction:column;gap:4px}.meta_checker_result{grid-template-columns:1fr}.meta_checker_suggestion_bar{align-items:flex-start;flex-direction:column}.publishing_checklist{padding:20px}.publishing_checklist_toolbar{align-items:flex-start;flex-direction:column}.publishing_checklist_progress{width:100%;justify-content:space-between}.publishing_checklist_progress progress{flex:1 1;max-width:180px}.publishing_checklist_report_bar{align-items:flex-start;flex-direction:column}.css_generator_pattern{flex-basis:100%;min-height:136px;grid-template-rows:72px 1fr}.css_generator_pattern_preview{min-height:72px}.css_preset{flex-basis:calc(50% - 6px);min-width:0}.css_preset_preview{height:88px}.css_generator_output{flex-basis:100%;width:100%}.css_generator_output .css_generator_fields{order:0}.css_generator_preview{min-height:160px}.css_generator_code pre{max-height:158px}.css_generator_code_bar{align-items:flex-start;flex-direction:column}.css_color_tools{padding:18px}.css_color_tools_layout{flex-direction:column}.advanced_gradient_builder,.oklch_palette_builder,.theme_color_builder{flex:0 1 auto;padding:14px}.theme_color_preset{flex-basis:100%}.theme_color_prefix{align-items:flex-start;flex-direction:column}.theme_color_prefix input{width:100%;flex-basis:auto;box-sizing:border-box}.theme_color_code,.theme_color_column,.theme_color_preview_card{flex-basis:100%}.theme_color_fields{flex-direction:column}.advanced_gradient_preview{min-height:160px}.oklch_palette_preview{grid-template-columns:repeat(2,minmax(0,1fr))}.font_exp{gap:14px}.font_exp_controls{gap:10px}.font_exp_input{flex-basis:100%;padding:11px 14px}.font_exp_size_ctl{width:100%;justify-content:space-between}.font_exp_size_ctl input{flex:1 1 auto;width:auto;max-width:160px}.font_exp_filters{gap:8px;padding:10px;border-radius:16px}.font_exp_search{flex-basis:100%;max-width:none;padding:8px 14px}.font_exp_cats{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.font_exp_cats::-webkit-scrollbar{display:none}.font_exp_langs,.font_exp_providers{padding-right:0;border-right:0}.font_exp_cat{flex:0 0 auto;padding:6px 13px}.font_exp_var_only{flex:1 1 auto;min-width:118px}.font_exp_sort{flex:0 0 118px;margin-left:0}.font_exp_summary{gap:6px}.font_exp_summary span{padding:3px 8px}.font_exp_catalog_bar,.font_exp_summary span:nth-of-type(n+2){display:none}.font_collection_head,.icon_collection_head{align-items:flex-start;flex-direction:column}.font_collection,.icon_collection{position:static;scroll-margin-top:142px}.font_exp_body{flex-direction:column}.font_exp_body .font_collection{order:-1;flex:0 1 auto;width:100%;max-height:none;box-sizing:border-box;padding:14px;border-radius:18px}.font_exp_body .font_collection.is_open{position:fixed;inset:auto 12px 12px;z-index:70;max-height:min(76dvh,620px);overflow:auto;padding:18px;border-radius:22px}.font_collection_backdrop{position:fixed;inset:0;z-index:60;display:block;border:0;padding:0;background:rgba(34,28,20,.32);cursor:pointer}.font_collection_sheet_open{display:inline-flex;align-items:center;justify-content:center}.font_collection_sheet_close{display:none}.font_collection.is_open .font_collection_sheet_close{display:inline-flex;align-items:center;justify-content:center}.font_collection.is_open .font_collection_sheet_open,.font_collection:not(.is_open) .collection_panel_tabs,.font_collection:not(.is_open) .font_collection_action_secondary,.font_collection:not(.is_open) .font_collection_chips,.font_collection:not(.is_open) .font_collection_codes{display:none}.font_collection:not(.is_open) .font_collection_head{flex-direction:row;align-items:center}.font_collection:not(.is_open) .collection_head_actions{flex:0 0 auto;justify-content:flex-end}.font_collection:not(.is_open) .font_collection_empty{font-size:.78rem}.font_collection_codes{flex-direction:column}.icon_collection .font_collection_code pre{min-height:68px;max-height:112px}.font_exp_list_head{align-items:flex-start;flex-direction:column}.font_exp_list_head p{text-align:left}.font_card{flex-basis:100%;min-width:0}.font_card,.font_card_preview_row{grid-template-columns:1fr}.font_card_specs{grid-template-columns:repeat(2,minmax(0,1fr))}.clamp_generator{padding:18px}.clamp_generator_layout{flex-direction:column}.clamp_generator_field{flex-basis:100%}.clamp_preview{min-height:160px;padding:20px}.clip_path_generator{padding:18px}.clip_path_layout{flex-direction:column}.clip_path_presets{grid-template-columns:1fr}.clip_path_editor_head{align-items:flex-start;flex-direction:column}.clip_path_editor_head .copy_button{width:100%}.clip_path_point{flex-basis:100%;flex-wrap:wrap}.clip_path_point_remove{flex:1 1 100%}.clip_path_output{flex-basis:100%;width:100%}.clip_path_preview_wrap{min-height:220px;padding:18px}.clip_path_code{flex-basis:100%}.clip_path_code_bar{align-items:flex-start;flex-direction:column}.clip_path_code pre{min-height:0;max-height:260px}.accessibility_recipe{padding:18px}.accessibility_recipe_layout{flex-direction:column}.accessibility_recipe_tabs{flex:0 1 auto;width:100%}.accessibility_recipe_tab{min-height:0}.accessibility_recipe_summary{flex-direction:column}.accessibility_recipe_intro,.accessibility_recipe_preview{flex-basis:auto}.accessibility_recipe_code{flex-basis:100%}.accessibility_recipe_code_bar{align-items:flex-start;flex-direction:column}.accessibility_recipe_code pre{min-height:0;max-height:260px}.icon_exp_body{flex-direction:column}.icon_exp_body .icon_collection{order:-1;flex:0 1 auto;width:100%;max-height:none;box-sizing:border-box}.icon_detail_head{align-items:flex-start;flex-direction:column}.svg_optimizer{scroll-margin-top:142px;padding:18px}.svg_optimizer_layout{flex-direction:column}.svg_optimizer_field textarea{min-height:220px}.svg_optimizer_preview{min-height:150px}.svg_optimizer_check{align-items:flex-start}.mj_layout,.svg_optimizer_check{flex-direction:column}.mj_controls{flex:0 1 auto;width:100%;box-sizing:border-box}.mj_output{width:100%}.mj_code_bar{align-items:flex-start;flex-direction:column}.mj_check{align-self:flex-start}.font_converter_code_bar{align-items:flex-start;flex-direction:column}.font_converter_files .btn_primary{width:100%}}.font_exp_langs{padding-right:12px;border-right:1px solid var(--yul-brand-line)}.font_exp_cat_lang.is_active{background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));border-color:transparent;color:#221c14}.font_load_more{align-self:center;margin-top:8px}.icon_set_resources{display:flex;flex-direction:column;gap:20px;margin-top:40px}.icon_set_resource_list{display:flex;flex-wrap:wrap;gap:18px}.icon_set_resource{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 9px);min-width:320px;display:flex;flex-direction:column;gap:10px;background:var(--gray-00);border:1px solid var(--yul-brand-line);border-radius:var(--round);padding:22px;box-shadow:var(--yul-brand-shadow2)}.icon_set_resource_head{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon_set_resource_names{display:flex;flex-direction:column;gap:2px}.icon_set_resource_names strong{color:var(--color-title)}.icon_set_resource_names span{font-size:.76rem;color:var(--yul-brand-muted)}.icon_set_resource_note{margin:0;font-size:.8rem;color:var(--yul-brand-muted)}.icon_set_resource .font_card_code{border-radius:12px}@media (max-width:640px){.icon_set_resource{flex-basis:100%;min-width:0}}.ad_slot{display:flex;justify-content:center;padding:20px 0 4px;min-height:0}.site_footer_support{margin:0 0 6px;font-size:.84rem;font-weight:600;color:var(--color-default)}.md_guide{--md-editor-bg:#1e1e1e;--md-editor-chrome:#181818;--md-editor-panel:#252526;--md-editor-line:#2a2d2e;--md-editor-border:#34373a;--md-editor-control-border:#3c3c3c;--md-editor-text:#d4d4d4;--md-editor-blue:#569cd6;--md-editor-blue-strong:#007acc;--md-editor-blue-button:#0e639c;--md-editor-blue-hover:#1177bb;--md-editor-selection:#264f78;--md-editor-caret:#aeafad;--md-editor-font:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;width:min(900px,100%);margin:0 auto;color:var(--color-default)}.md_guide_hero{position:relative;overflow:hidden;margin-bottom:26px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:54px;background:linear-gradient(145deg,color-mix(in srgb,var(--yul-brand-glass-strong) 88%,var(--yul-brand-amber)),var(--yul-brand-glass));box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light)}.md_guide_hero:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--yul-brand-amber),var(--yul-brand-orange),var(--yul-brand-orange-deep))}.md_guide_hero h1{max-width:760px;margin:0 0 20px;color:var(--color-title);font-size:clamp(2.3rem,6vw,4.2rem);font-weight:900;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}.md_guide_hero h1,.md_guide_lead{position:relative;word-break:keep-all;overflow-wrap:break-word}.md_guide_lead{max-width:720px;margin:0;color:var(--yul-brand-muted);font-size:1.04rem;line-height:1.78;text-wrap:pretty}.md_guide_meta{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.md_guide_meta span{border:1px solid var(--yul-brand-line);border-radius:999px;padding:6px 11px;background:color-mix(in srgb,var(--gray-00) 72%,transparent);color:var(--yul-brand-muted);font-size:.74rem;font-weight:750}.md_guide_start{position:relative;display:inline-flex;margin-top:28px;text-decoration:none}.md_course_navigation{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);z-index:10;display:flex;flex-direction:column;gap:12px;width:100%;margin:26px 0;border:1px solid var(--yul-brand-glass-line);border-radius:20px;padding:12px;overflow:hidden;background:var(--yul-brand-glass);box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-sizing:border-box}.md_course_header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.md_course_groups{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;border:1px solid var(--yul-brand-line);border-radius:16px;padding:4px;background:color-mix(in srgb,var(--gray-00) 72%,transparent)}.md_course_group{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:12px;padding:8px 14px;color:var(--yul-brand-muted);text-decoration:none;font-size:.78rem;font-weight:850;line-height:1.25;text-align:center;white-space:nowrap;transition:color .2s,transform .2s var(--motion-ease-out),box-shadow .2s}.md_course_group:hover{color:var(--color-title);transform:translateY(-1px)}.md_course_group:active{transform:scale(.96)}.md_course_group.is_active{background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);box-shadow:var(--yul-brand-inner-light),0 6px 16px color-mix(in srgb,var(--yul-brand-orange) 18%,transparent)}.md_course_status{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0!important;line-height:1.3}.md_course_status span{flex:0 0 auto;color:var(--yul-brand-muted);font-size:.7rem;font-weight:750}.md_course_status strong{min-width:0;overflow:hidden;color:var(--color-title);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.md_course_slider{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;grid-gap:8px;gap:8px;min-width:0}.md_course_control{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--yul-brand-line);border-radius:12px;padding:0;background:color-mix(in srgb,var(--gray-00) 78%,transparent);color:var(--color-title);box-shadow:var(--yul-brand-inner-light);cursor:pointer;transition:color .2s,background .2s,transform .2s var(--motion-ease-out),opacity .2s}.md_course_control:hover:not(:disabled){background:var(--yul-brand-glass-strong);color:var(--yul-brand-orange-deep);transform:translateY(-1px)}.md_course_control:active:not(:disabled){transform:scale(.96)}.md_course_control:disabled{opacity:.32;cursor:default}.md_course_track{min-width:0;display:flex;align-items:center;gap:8px;margin:0;padding:2px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y}.md_course_track::-webkit-scrollbar{display:none}.md_course_item{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;scroll-snap-align:center;border:1px solid transparent;border-radius:12px;padding:8px 12px;color:var(--yul-brand-muted);text-decoration:none;font-size:.74rem;font-weight:780;line-height:1.25;white-space:nowrap;box-sizing:border-box;transition:color .2s,background .2s,border-color .2s,transform .2s var(--motion-ease-out),box-shadow .2s}.md_course_item:hover{background:var(--yul-brand-glass-strong);color:var(--color-title);transform:translateY(-1px)}.md_course_item:active{transform:scale(.96)}.md_course_item[aria-current=location]{border-color:color-mix(in srgb,var(--yul-brand-orange) 40%,var(--yul-brand-line));background:var(--yul-brand-yellow-soft);color:var(--yul-brand-orange-deep);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--yul-brand-orange) 12%,transparent)}.md_course_control:focus-visible,.md_course_group:focus-visible,.md_course_item:focus-visible,.md_course_track:focus-visible{outline:2px solid var(--yul-brand-orange);outline-offset:2px}.md_guide_section{scroll-margin-top:calc(var(--header-h) + 170px);margin-top:26px;border:1px solid var(--yul-brand-glass-line);border-radius:var(--round);padding:38px;background:linear-gradient(150deg,var(--yul-brand-glass-strong),color-mix(in srgb,var(--yul-brand-cream) 68%,transparent));box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light)}.md_guide_section>:first-child{margin-top:0}.md_guide_section h2{margin:0 0 16px;font-size:clamp(1.65rem,4vw,2.4rem);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}.md_guide_section h2,.md_guide_section h3{color:var(--color-title);word-break:keep-all;overflow-wrap:break-word}.md_guide_section h3{margin:34px 0 12px;font-size:1.18rem;line-height:1.4}.md_guide_section p{color:var(--yul-brand-muted);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.md_guide_section>p{margin:0 0 18px;line-height:1.78}.md_guide_section>ol,.md_guide_section>ul{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;padding-left:22px;color:var(--yul-brand-muted)}.md_guide_section code:not(.code_block_file){border:1px solid var(--yul-brand-line);border-radius:6px;padding:1px 6px;background:var(--yul-brand-paper);color:var(--yul-brand-orange-deep);font-size:.86em;overflow-wrap:anywhere}html[data-theme=dark] .md_guide_section code:not(.code_block_file){color:var(--yul-brand-yellow)}.md_curriculum{display:flex;flex-direction:column;gap:24px}.md_curriculum_intro{border-color:color-mix(in srgb,var(--yul-brand-orange) 32%,var(--yul-brand-glass-line))}.md_curriculum_chapter{margin-top:0}.md_chapter_goal{margin-bottom:32px!important;border-left:4px solid var(--yul-brand-orange);padding:12px 0 12px 16px;color:var(--color-title)!important}.md_chapter_goal strong{display:block;margin-bottom:4px;color:var(--yul-brand-orange-deep);font-size:.76rem;letter-spacing:.02em}.md_curriculum_lesson_list{display:flex;flex-direction:column}.md_curriculum_lesson{min-width:0;border-top:1px dashed var(--yul-brand-line);padding:32px 0}.md_curriculum_lesson:first-child{border-top:0;padding-top:0}.md_curriculum_lesson:last-child{padding-bottom:0}.md_curriculum_lesson h3{margin:4px 0 12px;font-size:clamp(1.16rem,2.5vw,1.42rem)}.md_lesson_number{margin:0!important;color:var(--yul-brand-orange-deep)!important;font-size:.7rem;font-weight:900;letter-spacing:.04em}.md_lesson_definition{max-width:760px;margin:0 0 20px;color:var(--color-default)!important;font-size:.96rem;line-height:1.76}.md_lesson_detail{margin-top:16px}.md_lesson_detail h4{margin:0 0 8px;color:var(--color-title);font-size:.84rem}.md_lesson_detail ol,.md_lesson_detail ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:22px;color:var(--yul-brand-muted);font-size:.86rem;line-height:1.62}.md_lesson_comparison{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.md_comparison_example{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);min-width:240px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:16px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-sizing:border-box}.md_comparison_example.is_bad{border-left:4px solid var(--error)}.md_comparison_example.is_good{border-left:4px solid var(--yul-brand-orange)}.md_comparison_example strong{color:var(--color-title);font-size:.8rem}.md_comparison_example p{margin:6px 0 0;color:var(--yul-brand-muted);font-family:var(--md-editor-font);font-size:.78rem;line-height:1.58;white-space:pre-line;word-break:break-word;overflow-wrap:anywhere}.md_comparison_reason{flex:1 1 100%;margin:0!important;border-radius:12px;padding:12px 14px;background:var(--yul-brand-yellow-soft);color:var(--yul-brand-ink)!important;font-size:.82rem;line-height:1.58}.md_lesson_checkpoint{margin-top:20px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 28%,var(--yul-brand-line));border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--yul-brand-orange) 7%,var(--gray-00))}.md_lesson_checkpoint strong{color:var(--color-title);font-size:.8rem}.md_lesson_checkpoint p{margin:4px 0 0;font-size:.82rem;line-height:1.58}.md_step_label{margin:0 0 8px!important;color:var(--yul-brand-orange-deep)!important;font-size:.76rem;font-weight:900;letter-spacing:.02em}html[data-theme=dark] .md_step_label{color:var(--yul-brand-yellow)!important}.md_prepare_grid,.md_verification_grid{display:flex;flex-wrap:wrap;gap:12px}.md_prepare_card,.md_verification_grid section{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);min-width:260px;border:1px solid var(--yul-brand-line);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);box-sizing:border-box}.md_prepare_card strong,.md_verification_grid strong{color:var(--color-title)}.md_prepare_card p{margin:6px 0 0;font-size:.86rem;line-height:1.62}.md_verification_grid section{flex-basis:calc(33.333% - 8px);min-width:210px}.md_next_grid{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 4px}.md_next_card{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);min-width:240px;display:block;border:1px solid var(--yul-brand-line);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);text-decoration:none;box-sizing:border-box;transition:transform .2s var(--motion-ease-out),box-shadow .2s,border-color .2s}.md_next_card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yul-brand-orange) 40%,var(--yul-brand-line));box-shadow:var(--yul-brand-shadow2)}.md_next_card>span{display:inline-block;margin-bottom:8px;border-radius:999px;padding:4px 11px;background:var(--yul-brand-yellow-soft);color:var(--yul-brand-orange-deep);font-size:.7rem;font-weight:900}html[data-theme=dark] .md_next_card>span{color:var(--yul-brand-navy)}.md_next_card>strong{display:block;color:var(--color-title);font-size:1rem}.md_next_card>p{margin:6px 0 0;color:var(--yul-brand-muted);font-size:.84rem;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.md_verification_grid ul{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding-left:18px;color:var(--yul-brand-muted);font-size:.82rem}.md_explain_steps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}.md_explain_step{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 7px);min-width:220px;display:flex;gap:12px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--gray-00) 74%,transparent);box-sizing:border-box}.md_explain_step>span{flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);font-size:.76rem;font-weight:900}.md_explain_step div{min-width:0}.md_explain_step strong{color:var(--color-title);font-size:.86rem}.md_explain_step p{margin:3px 0 0;font-size:.76rem;line-height:1.5}.md_guide_note{margin:22px 0;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 28%,var(--yul-brand-line));border-left:4px solid var(--yul-brand-orange);border-radius:14px;padding:16px 18px;background:color-mix(in srgb,var(--yul-brand-amber) 12%,var(--gray-00))}.md_guide_note.is_warning{border-left-color:var(--yul-brand-amber)}.md_guide_note strong{color:var(--color-title);font-size:.88rem}.md_guide_note p{margin:4px 0 0;font-size:.84rem;line-height:1.66}.md_guide_table_wrap{contain:layout paint;max-width:100%;margin:22px 0;overflow-x:auto;border:1px solid var(--yul-brand-line);border-radius:16px;background:color-mix(in srgb,var(--gray-00) 74%,transparent)}.md_guide_table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:.82rem}.md_guide_table caption{padding:12px 16px;border-bottom:1px solid var(--yul-brand-line);color:var(--color-title);font-weight:850;text-align:left}.md_guide_table td,.md_guide_table th{padding:12px 14px;border-bottom:1px solid var(--yul-brand-line);vertical-align:top}.md_guide_table thead th{background:color-mix(in srgb,var(--yul-brand-cream) 78%,transparent);color:var(--color-title);white-space:nowrap}.md_guide_table tbody th{color:var(--yul-brand-orange-deep);white-space:nowrap}html[data-theme=dark] .md_guide_table tbody th{color:var(--yul-brand-yellow)}.md_guide_table td{color:var(--yul-brand-muted)}.md_guide_table tr:last-child td,.md_guide_table tr:last-child th{border-bottom:0}.md_guide_checkpoint{margin-top:28px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 30%,var(--yul-brand-line));border-radius:16px;padding:18px;background:color-mix(in srgb,var(--yul-brand-orange) 7%,var(--gray-00))}.md_guide_checkpoint>strong{color:var(--color-title);font-size:.9rem}.md_guide_checklist{display:flex;flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;color:var(--yul-brand-muted);font-size:.84rem}.md_guide_checklist li{position:relative;padding-left:25px}.md_guide_checklist li:before{content:"✓";position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--yul-brand-yellow-soft);color:var(--yul-brand-orange-deep);font-size:.68rem;font-weight:900}.md_numbered_flow,.md_request_order{display:flex;flex-direction:column;gap:10px;margin:22px 0;padding:0!important;list-style:none}.md_numbered_flow li,.md_request_order li{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--gray-00) 74%,transparent)}.md_numbered_flow strong{color:var(--color-title);font-size:.86rem}.md_numbered_flow span{display:block;margin-top:2px;color:var(--yul-brand-muted);font-size:.8rem}.md_numbered_flow li:before{content:counter(list-item);flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--yul-brand-navy);color:var(--yul-brand-yellow);font-size:.72rem;font-weight:900}.md_figma_flow{display:flex;gap:8px;margin:20px 0;overflow-x:auto;padding-bottom:4px}.md_figma_flow>span{position:relative;flex:1 0 128px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:13px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);color:var(--color-title);font-size:.8rem;font-weight:850;line-height:1.35}.md_figma_flow small{color:var(--yul-brand-muted);font-size:.68rem;font-weight:650}.md_prompt_list,.md_template_list{display:flex;flex-direction:column;gap:22px;margin-top:26px}.md_prompt,.md_template{min-width:0;border-top:1px dashed var(--yul-brand-line);padding-top:26px}.md_prompt:first-child,.md_template:first-child{border-top:0;padding-top:0}.md_template_intro{margin-bottom:16px}.md_template_intro h3{margin:6px 0 8px;font-size:1.3rem}.md_template_intro>p:not(.md_template_badge){margin:0 0 12px}.md_template_badge{display:inline-flex;margin:0!important;border-radius:999px;padding:4px 9px;background:var(--yul-brand-yellow-soft);color:var(--yul-brand-orange-deep)!important;font-size:.68rem;font-weight:900}.md_template_intro dl{display:flex;flex-direction:column;gap:8px;margin:0}.md_template_intro dl div{display:flex;align-items:flex-start;gap:10px}.md_template_intro dt{flex:0 0 66px;color:var(--color-title);font-size:.78rem;font-weight:850}.md_template_intro dd{min-width:0;margin:0;color:var(--yul-brand-muted);font-size:.78rem}.md_guide_section>.code_block,.md_prompt .code_block,.md_template .code_block{min-width:0;max-width:100%}.md_prompt .code_block_pre,.md_template .code_block_pre{max-height:520px}.md_guide .code_block_pre>code{display:block;min-width:0;max-width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.md_guide .code_block.is_editable{border-color:var(--md-editor-line);background:var(--md-editor-bg);box-shadow:0 18px 42px rgba(21,18,14,.18)}.md_guide .code_block.is_editable .code_block_bar{border-color:var(--md-editor-line);background:var(--md-editor-chrome);color:var(--md-editor-text)}.md_guide .code_block.is_editable .code_block_title{min-width:0;color:var(--md-editor-text)}.md_guide .code_block.is_editable .code_block_file{border-color:var(--md-editor-border);background:var(--md-editor-panel);color:var(--md-editor-blue)}.code_block_actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.md_guide .code_block_reset{border:1px solid var(--md-editor-control-border);background:var(--md-editor-panel);color:var(--md-editor-text);box-shadow:none}.md_guide .code_block_reset:hover{border-color:var(--md-editor-blue);background:var(--md-editor-line);transform:translateY(-1px)}.md_guide .code_block.is_editable .copy_button{background:var(--md-editor-blue-button);color:#fff;box-shadow:none}.md_guide .code_block.is_editable .copy_button:hover{background:var(--md-editor-blue-hover);box-shadow:0 8px 20px rgba(0,122,204,.2)}.code_block_editor{display:block;width:100%;min-height:220px;max-height:520px;margin:0;border:0;border-radius:0;padding:20px;resize:none;overflow-x:auto;background:var(--md-editor-bg);color:var(--md-editor-text);caret-color:var(--md-editor-caret);font-family:var(--md-editor-font);font-size:.84rem;line-height:1.72;-moz-tab-size:2;tab-size:2;white-space:pre;box-sizing:border-box}.code_block_editor::selection{background:var(--md-editor-selection);color:#fff}.code_block_editor:focus-visible{position:relative;z-index:1;outline:2px solid var(--md-editor-blue);outline-offset:-2px;box-shadow:inset 3px 0 0 var(--md-editor-blue-strong)}.md_request_order li>span{flex:0 0 58px;border-radius:999px;padding:4px 8px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);text-align:center;font-size:.7rem;font-weight:900}.md_request_order li div{min-width:0}.md_request_order strong{color:var(--color-title);font-size:.86rem}.md_request_order p{margin:3px 0 0;font-size:.78rem;line-height:1.5}.md_prompt_intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.md_prompt_intro>span{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 28%,var(--yul-brand-line));border-radius:999px;padding:5px 9px;color:var(--yul-brand-orange-deep);font-size:.7rem;font-weight:900}html[data-theme=dark] .md_prompt_intro>span{color:var(--yul-brand-yellow)}.md_prompt_intro h3{margin:0 0 4px}.md_prompt_intro p{margin:0;font-size:.8rem}.md_guide_finish{margin-top:34px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 36%,var(--yul-brand-glass-line));border-radius:20px;padding:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--yul-brand-amber) 20%,var(--yul-brand-glass-strong)),var(--yul-brand-glass));box-shadow:var(--yul-brand-inner-light)}.md_guide_finish h3{margin:0 0 10px;font-size:1.42rem}.md_guide_finish p:not(.hub_kicker){margin:0 0 20px}.md_guide_finish .btn{display:inline-flex;text-decoration:none}@media (max-width:900px){.md_guide_hero{padding:42px}.md_course_navigation{top:calc(var(--header-h) + 16px)}.md_guide_section{padding:30px}.md_verification_grid section{flex-basis:calc(50% - 6px)}}@media (max-width:640px){.md_guide{width:100%}.md_guide_hero{margin-bottom:18px;padding:34px 22px 28px;border-radius:20px}.md_guide_hero h1{font-size:2.35rem;letter-spacing:-.05em}.md_guide_lead{font-size:.94rem;line-height:1.7}.md_guide_meta{flex-direction:column;align-items:flex-start}.md_guide_start{width:100%;justify-content:center;box-sizing:border-box}.md_course_navigation{top:calc(var(--header-h) + 8px);gap:10px;margin:18px 0;border-radius:18px;padding:10px}.md_course_header{align-items:stretch;flex-direction:column;gap:8px}.md_course_groups{width:100%;box-sizing:border-box}.md_course_group{padding-inline:8px;font-size:.74rem;white-space:normal}.md_course_status{justify-content:space-between;padding-inline:4px}.md_course_slider{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.md_course_item{padding-inline:10px}.md_guide_section{scroll-margin-top:calc(var(--header-h) + 178px);margin-top:18px;padding:24px 20px;border-radius:20px}.md_guide_section h2{font-size:1.7rem}.md_curriculum{gap:18px}.md_curriculum_chapter{margin-top:0}.md_curriculum_lesson{padding:28px 0}.md_lesson_definition{font-size:.9rem}.md_lesson_comparison{flex-direction:column}.md_comparison_example{flex-basis:auto;min-width:0}.md_explain_step,.md_prepare_card,.md_verification_grid section{flex-basis:100%;min-width:0}.md_guide_table{min-width:620px}.md_guide_table td,.md_guide_table th{padding:10px 12px}.md_guide_checkpoint,.md_guide_finish,.md_guide_note{padding:16px}.md_template_intro dl div{flex-direction:column;gap:3px}.md_template_intro dt{flex-basis:auto}.md_prompt_intro{flex-direction:column}.md_guide .code_block_bar{align-items:flex-start;flex-direction:column}.md_guide .code_block_title{flex-wrap:wrap}.md_guide .code_block_actions{width:100%}.md_guide .code_block_actions .btn{flex:1 1;min-height:42px}.md_guide .copy_button{align-self:stretch}.md_guide .code_block_editor{min-height:260px;padding:16px;font-size:.8rem}.md_prompt .code_block_pre,.md_template .code_block_pre{max-height:420px}}@media (prefers-reduced-motion:reduce){.md_course_control,.md_course_group,.md_course_item{transition:none}}.github_guide a:not(.btn){color:var(--yul-brand-orange-deep);text-underline-offset:3px}html[data-theme=dark] .github_guide a:not(.btn){color:var(--yul-brand-yellow)}.github_guide_hero strong{color:var(--color-title)}.github_guide_section{min-width:0}.github_important_note p{color:var(--color-title);font-weight:780}.github_guide_lnb{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);z-index:10;display:block;max-width:100%;margin:26px 0;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:12px 14px;overflow:hidden;background:var(--yul-brand-glass);box-shadow:var(--yul-brand-shadow2),var(--yul-brand-inner-light);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-sizing:border-box}.github_lnb_header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.github_lnb_header>strong{color:var(--color-title);font-size:.78rem}.github_lnb_status{margin-left:auto;color:var(--yul-brand-muted);font-size:.72rem;font-weight:800;white-space:nowrap}.github_lnb_actions{display:flex;gap:6px}.github_lnb_button{min-height:34px;border:1px solid var(--yul-brand-line);border-radius:999px;padding:6px 11px;background:color-mix(in srgb,var(--gray-00) 78%,transparent);color:var(--color-title);font-size:.72rem;font-weight:800;transition:border-color .2s,background .2s,transform .2s var(--motion-ease-out)}.github_lnb_button:hover:not(:disabled){border-color:var(--yul-brand-orange);background:var(--yul-brand-glass-strong);transform:translateY(-1px)}.github_lnb_button:active:not(:disabled){transform:translateY(1px)}.github_lnb_button:disabled{opacity:.4;cursor:not-allowed}.github_guide_lnb .github_lnb_track{display:flex;gap:6px;max-width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none}.github_guide_lnb .github_lnb_track::-webkit-scrollbar{display:none}.github_lnb_track li{flex:0 0 auto;scroll-snap-align:center}.github_guide_lnb .github_lnb_link{display:inline-flex;align-items:center;min-height:36px;border:1px solid transparent;border-radius:999px;padding:7px 11px;color:var(--yul-brand-muted);text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.github_guide_lnb .github_lnb_link:hover{border-color:var(--yul-brand-line);background:var(--yul-brand-glass-strong);color:var(--color-title)}.github_guide_lnb .github_lnb_link.is_active{border-color:color-mix(in srgb,var(--yul-brand-orange) 58%,var(--yul-brand-line));background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);box-shadow:0 8px 18px color-mix(in srgb,var(--yul-brand-orange) 24%,transparent)}html[data-theme=dark] .github_guide_lnb .github_lnb_link{color:#fff}html[data-theme=dark] .github_guide_lnb .github_lnb_link.is_active{color:var(--yul-brand-navy)}.md_guide .code_block{border-color:var(--md-editor-line);background:var(--md-editor-bg);box-shadow:0 16px 34px rgba(21,18,14,.18)}.md_guide .code_block_bar{border-color:var(--md-editor-line);background:var(--md-editor-chrome)}.md_guide .code_block_bar,.md_guide .code_block_title{color:var(--md-editor-text)}.md_guide .code_block_file{border-color:var(--md-editor-border);background:var(--md-editor-panel);color:var(--md-editor-blue)}.md_guide .code_block_pre{background:var(--md-editor-bg);color:var(--md-editor-text)}.md_guide .code_block_pre>code{border:0;border-radius:0;padding:0;background:inherit;color:inherit;font-size:inherit;line-height:inherit}.md_guide .code_block .copy_button{background:var(--md-editor-blue-button);color:#fff;box-shadow:none}.md_guide .code_block .copy_button:hover{background:var(--md-editor-blue-hover);box-shadow:0 8px 20px rgba(0,122,204,.2)}.github_capture_grid,.github_concept_grid,.github_credential_grid,.github_error_grid,.github_location_flow,.github_platform_grid,.github_seat_grid,.github_workflow_grid{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.github_concept_card,.github_credential_card,.github_error_card,.github_location_flow section,.github_platform_card,.github_seat_card,.github_workflow_card{min-width:0;border:1px solid var(--yul-brand-line);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);box-sizing:border-box}.github_location_flow section{position:relative;flex:1 1 220px;padding-left:56px}.github_location_flow section>span{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--yul-brand-navy);color:var(--yul-brand-yellow);font-size:.72rem;font-weight:900}.github_concept_card strong,.github_credential_card strong,.github_error_card>strong,.github_location_flow strong{color:var(--color-title)}.github_concept_card p,.github_location_flow p{margin:5px 0 0;font-size:.82rem;line-height:1.56}.github_platform_card{flex:1 1 300px;border-top:4px solid var(--yul-brand-orange)}.github_platform_card:first-child{border-top-color:var(--yul-brand-lavender)}.github_platform_title{display:flex;align-items:center;justify-content:space-between;gap:12px}.github_platform_title strong{color:var(--color-title);font-size:1.08rem}.github_platform_title span{color:var(--yul-brand-muted);font-size:.74rem;font-weight:800}.github_platform_card p{margin:14px 0 0;color:var(--color-default);font-size:.9rem;line-height:1.62}.github_platform_card small{display:block;margin-top:12px;border-top:1px dashed var(--yul-brand-line);padding-top:10px;color:var(--yul-brand-muted);font-size:.76rem}.github_platform_summary{border-left:4px solid var(--yul-brand-orange);padding:10px 0 10px 16px;color:var(--color-title)!important;font-weight:750}.github_concept_card{flex:1 1 180px}.github_concept_card>strong{color:var(--yul-brand-orange-deep);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem}html[data-theme=dark] .github_concept_card>strong{color:var(--yul-brand-yellow)}.github_concept_card>span{display:block;margin-top:12px;border-top:1px dashed var(--yul-brand-line);padding-top:10px;color:var(--yul-brand-muted);font-size:.74rem;font-weight:750}.github_capture_grid{align-items:flex-start}.github_capture{flex:1 1 360px;min-width:0;margin:22px 0;overflow:hidden;border:1px solid var(--yul-brand-line);border-radius:16px;background:color-mix(in srgb,var(--gray-00) 78%,transparent);box-shadow:var(--yul-brand-inner-light)}.github_capture_grid .github_capture{margin:0}.github_capture_grid.is_compact .github_capture{flex-basis:280px}.github_capture_image{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#fff}.github_capture figcaption{border-top:1px solid var(--yul-brand-line);padding:12px 14px;color:var(--yul-brand-muted);font-size:.78rem;line-height:1.55}.github_optional_text{margin-top:16px!important}.github_credential_card{flex:1 1 340px}.github_credential_card dl{display:flex;flex-direction:column;gap:10px;margin:14px 0 0}.github_credential_card dl div{display:flex;align-items:flex-start;gap:12px}.github_credential_card dt{flex:0 0 70px;color:var(--color-title);font-size:.76rem;font-weight:850}.github_credential_card dd{min-width:0;margin:0;color:var(--yul-brand-muted);font-size:.8rem;line-height:1.55}.github_safe_steps{counter-reset:github_safe_step;margin:24px 0!important;padding:0!important;list-style:none}.github_safe_steps li{position:relative;counter-increment:github_safe_step;min-height:28px;padding:4px 0 4px 42px;line-height:1.58}.github_safe_steps li:before{content:counter(github_safe_step);position:absolute;top:1px;left:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--yul-brand-yellow-soft);color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:900}.github_seat_card,.github_workflow_card{flex:1 1 340px}.github_workflow_card{border-top:4px solid var(--yul-brand-orange)}.github_workflow_card.is_start{border-top-color:var(--yul-brand-lavender)}.github_seat_card>span,.github_workflow_card>span{display:inline-flex;border-radius:999px;padding:4px 9px;background:var(--yul-brand-yellow-soft);color:var(--yul-brand-orange-deep);font-size:.7rem;font-weight:900}html[data-theme=dark] .github_seat_card>span,html[data-theme=dark] .github_workflow_card>span{color:var(--yul-brand-ink)}.github_seat_card h3,.github_workflow_card h3{margin-top:12px}.github_seat_card>p,.github_workflow_card>p{min-height:50px;font-size:.84rem;line-height:1.62}.github_seat_card .code_block,.github_workflow_card .code_block{min-width:0;max-width:100%;margin:18px 0 0}.github_checklist{margin-top:28px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 30%,var(--yul-brand-line));border-radius:16px;padding:18px;background:color-mix(in srgb,var(--yul-brand-orange) 7%,var(--gray-00))}.github_checklist>strong{color:var(--color-title);font-size:.9rem}.github_checklist ul{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none}.github_checklist li{position:relative;padding-left:24px;color:var(--yul-brand-muted);font-size:.84rem;line-height:1.55}.github_checklist li:before{content:"";position:absolute;top:.26em;left:0;width:13px;height:13px;border:2px solid var(--yul-brand-orange);border-radius:4px;background:var(--gray-00)}.github_error_card{flex:1 1 280px;border-left:4px solid var(--error)}.github_error_card>strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.github_error_card.is_prose>strong{font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:-.01em;overflow-wrap:break-word;word-break:keep-all}.github_error_card p{margin:12px 0 0;font-size:.8rem;line-height:1.58}.github_error_card b{display:block;margin-bottom:3px;color:var(--color-title);font-size:.72rem}.github_practice_steps{display:flex!important;flex-direction:column;gap:10px!important;margin:24px 0!important;padding:0!important;list-style:none}.github_practice_steps li{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--yul-brand-line);border-radius:15px;padding:16px;background:color-mix(in srgb,var(--gray-00) 74%,transparent)}.github_practice_steps li>span{flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);font-size:.74rem;font-weight:900}.github_practice_steps div{min-width:0}.github_practice_steps strong{color:var(--color-title)}.github_practice_steps p{margin:4px 0 0;font-size:.82rem;line-height:1.55}.github_team_preview{margin-bottom:0}.plan_problem_grid{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.plan_problem_card{flex:1 1 240px;min-width:0;border:1px solid var(--yul-brand-line);border-left:4px solid var(--yul-brand-orange);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);box-sizing:border-box}.plan_problem_card>strong{color:var(--color-title);word-break:keep-all}.plan_problem_card p{margin:12px 0 0;color:var(--yul-brand-muted);font-size:.82rem;line-height:1.56;word-break:keep-all;overflow-wrap:break-word}.plan_problem_card b{display:block;margin-bottom:3px;color:var(--yul-brand-orange-deep);font-size:.72rem}html[data-theme=dark] .plan_problem_card b{color:var(--yul-brand-yellow)}.plan_step_list{display:flex!important;flex-direction:column;gap:10px!important;margin:20px 0!important;padding:0!important;list-style:none}.plan_step_list li{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--yul-brand-line);border-radius:15px;padding:16px;background:color-mix(in srgb,var(--gray-00) 74%,transparent)}.plan_step_list li>span{flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);font-size:.74rem;font-weight:900}.plan_step_list div{min-width:0}.plan_step_list strong{color:var(--color-title);word-break:keep-all}.plan_step_list p{margin:4px 0 0;color:var(--yul-brand-muted);font-size:.82rem;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.plan_doc{margin:24px 0;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--gray-00) 70%,transparent)}.plan_doc>:first-child{margin-top:0}.plan_doc_head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.plan_doc_head strong{color:var(--yul-brand-orange-deep);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;overflow-wrap:anywhere}html[data-theme=dark] .plan_doc_head strong{color:var(--yul-brand-yellow)}.plan_doc_head span{color:var(--color-title);font-size:.82rem;font-weight:750}.plan_doc_desc{margin:10px 0 0;color:var(--yul-brand-muted);font-size:.86rem;line-height:1.66;word-break:keep-all;overflow-wrap:break-word}.plan_doc_path{margin:8px 0 14px;color:var(--yul-brand-muted);font-size:.78rem}.plan_doc .code_block{min-width:0;max-width:100%}.vibetool_tool_meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px}.vibetool_tool_meta span{border:1px solid var(--yul-brand-line);border-radius:999px;padding:5px 11px;background:color-mix(in srgb,var(--gray-00) 72%,transparent);color:var(--yul-brand-muted);font-size:.74rem;font-weight:750}.vibetool_steps{display:flex!important;flex-direction:column;gap:8px!important;margin:14px 0!important;padding:0!important;list-style:none}.vibetool_steps li{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:13px 15px;background:color-mix(in srgb,var(--gray-00) 74%,transparent)}.vibetool_steps li>span{flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);font-size:.72rem;font-weight:900}.vibetool_steps li>p{margin:2px 0 0;min-width:0;color:var(--yul-brand-muted);font-size:.84rem;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.vibetool_input_grid,.vibetool_mcp_grid{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 22px}.vibetool_input_card,.vibetool_mcp_card{flex:1 1 220px;min-width:0;border:1px solid var(--yul-brand-line);border-radius:14px;padding:15px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);box-sizing:border-box}.vibetool_input_card strong{color:var(--color-title)}.vibetool_mcp_card>strong{color:var(--yul-brand-orange-deep);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;overflow-wrap:anywhere}html[data-theme=dark] .vibetool_mcp_card>strong{color:var(--yul-brand-yellow)}.vibetool_input_card p,.vibetool_mcp_card p{margin:7px 0 0;color:var(--yul-brand-muted);font-size:.82rem;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.vibetool_capture{margin:16px 0}.vibetool_capture.is_placeholder{padding:0;border:0;background:none}.vibetool_capture_box{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:132px;border:2px dashed color-mix(in srgb,var(--yul-brand-orange) 40%,var(--yul-brand-line));border-radius:16px;padding:22px;text-align:center;background:color-mix(in srgb,var(--yul-brand-amber) 8%,var(--gray-00))}.vibetool_capture_box span{color:var(--yul-brand-orange-deep);font-size:.72rem;font-weight:900;letter-spacing:.04em}html[data-theme=dark] .vibetool_capture_box span{color:var(--yul-brand-yellow)}.vibetool_capture_box strong{color:var(--color-title);font-size:.88rem;font-weight:750;word-break:keep-all;overflow-wrap:break-word}.vibetool_prompt{margin:14px 0}.vibetool_prompt_head{margin-bottom:8px}.vibetool_prompt_head strong{color:var(--color-title);font-size:.92rem}.vibetool_guide_section .code_block{min-width:0;max-width:100%}.vibemaking_journey{display:flex!important;flex-direction:column;gap:10px!important;margin:18px 0!important;padding:0!important;list-style:none}.vibemaking_journey.is_compact{gap:8px!important}.vibemaking_journey li{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--yul-brand-line);border-radius:15px;padding:16px;background:color-mix(in srgb,var(--gray-00) 74%,transparent)}.vibemaking_journey li>span{flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange));color:var(--yul-brand-navy);font-size:.74rem;font-weight:900}.vibemaking_journey div{min-width:0}.vibemaking_journey strong{color:var(--color-title);word-break:keep-all}.vibemaking_journey p{margin:4px 0 0;color:var(--yul-brand-muted);font-size:.82rem;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.vibemaking_journey_link{display:inline-block;margin-top:8px;color:var(--yul-brand-orange-deep);font-size:.78rem;font-weight:800;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--yul-brand-orange) 40%,transparent)}html[data-theme=dark] .vibemaking_journey_link{color:var(--yul-brand-yellow)}.vibemaking_journey_link:hover{border-bottom-color:currentColor}.vibemaking_link_grid{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 6px}.vibemaking_link_card{flex:1 1 220px;min-width:0;border:1px solid var(--yul-brand-line);border-radius:15px;padding:16px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);text-decoration:none;box-sizing:border-box;transition:transform .2s var(--motion-ease-out),box-shadow .2s,border-color .2s}.vibemaking_link_card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yul-brand-orange) 40%,var(--yul-brand-line));box-shadow:var(--yul-brand-shadow2)}.vibemaking_link_card strong{display:block;color:var(--yul-brand-orange-deep);font-size:.95rem}html[data-theme=dark] .vibemaking_link_card strong{color:var(--yul-brand-yellow)}.vibemaking_link_card p{margin:6px 0 0;color:var(--yul-brand-muted);font-size:.82rem;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.vibemaking_inline_link{display:inline-flex;align-items:center;gap:6px;margin:6px 0 4px;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 44%,var(--yul-brand-line));border-radius:999px;padding:10px 20px;background:color-mix(in srgb,var(--yul-brand-amber) 12%,var(--gray-00));color:var(--yul-brand-orange-deep);font-size:.84rem;font-weight:800;text-decoration:none;transition:transform .2s var(--motion-ease-out),box-shadow .2s,background .2s}html[data-theme=dark] .vibemaking_inline_link{color:var(--yul-brand-yellow)}.vibemaking_inline_link:hover{transform:translateY(-1px);box-shadow:var(--yul-brand-shadow2)}.vibemaking_inline_link.is_primary{border-color:transparent;background:linear-gradient(135deg,var(--yul-brand-amber),var(--yul-brand-orange) 52%,var(--yul-brand-orange-deep));color:#fff;box-shadow:var(--yul-brand-glow)}html[data-theme=dark] .vibemaking_inline_link.is_primary{color:#fff}.vibemaking_done{margin-bottom:0}.guide_pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;grid-gap:12px;gap:12px;margin:32px 0 8px}.guide_pager_link{display:flex;flex-direction:column;gap:2px;min-width:0;border:1px solid var(--yul-brand-line);border-radius:16px;padding:16px 18px;background:color-mix(in srgb,var(--gray-00) 76%,transparent);box-shadow:var(--yul-brand-inner-light);text-decoration:none;box-sizing:border-box;transition:transform .2s var(--motion-ease-out),box-shadow .2s,border-color .2s}.guide_pager_link.is_next{text-align:right}.guide_pager_link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--yul-brand-orange) 42%,var(--yul-brand-line));box-shadow:var(--yul-brand-shadow2)}.guide_pager_dir{color:var(--yul-brand-muted);font-size:.72rem;font-weight:800}.guide_pager_link.is_prev .guide_pager_dir:before{content:"← "}.guide_pager_link.is_next .guide_pager_dir:after{content:" →"}.guide_pager_kicker{color:var(--yul-brand-orange-deep);font-size:.7rem;font-weight:900}html[data-theme=dark] .guide_pager_kicker{color:var(--yul-brand-yellow)}.guide_pager_link strong{color:var(--color-title);font-size:.95rem;word-break:keep-all;overflow-wrap:break-word}.guide_pager_count{align-self:center;margin:0;color:var(--yul-brand-muted);font-size:.76rem;font-weight:800;white-space:nowrap}.guide_pager_spacer{min-width:0}@media (max-width:640px){.guide_pager{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.guide_pager_count{grid-column:1/-1;order:-1;text-align:center}.guide_pager_link{padding:14px}.plan_problem_grid{gap:12px}.plan_problem_card,.vibetool_input_card,.vibetool_mcp_card{flex-basis:100%}.github_guide_lnb{top:calc(var(--header-h) + 8px);margin:18px 0}.github_lnb_header{flex-wrap:wrap}.github_lnb_status{order:2;margin-left:0}.github_lnb_actions{margin-left:auto}.github_lnb_track{width:100%}.github_capture_grid,.github_concept_grid,.github_credential_grid,.github_error_grid,.github_location_flow,.github_platform_grid,.github_seat_grid,.github_workflow_grid{gap:12px}.github_capture,.github_concept_card,.github_credential_card,.github_error_card,.github_location_flow section,.github_platform_card,.github_seat_card,.github_workflow_card{flex-basis:100%;min-width:0}.github_capture_image{max-height:420px}.github_credential_card dl div{flex-direction:column;gap:3px}.github_credential_card dt{flex-basis:auto}.github_seat_card>p,.github_workflow_card>p{min-height:0}}