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);--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:9px;font-size:.98rem;font-weight:900;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{width:38px;height:38px;flex-shrink:0;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:800;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 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;transition:transform .24s var(--motion-ease-out),box-shadow .24s,background .24s}.theme_toggle:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(232,86,15,.12)}.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:center;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 auto 22px;padding-bottom:.06em;color:var(--color-title);font-size:4.15rem;font-weight:900;line-height:1.08;letter-spacing:0;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 auto;color:var(--yul-brand-muted);font-size:1.04rem;font-weight:550;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.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:center;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}.hub_tools{display:flex;flex-direction:column;gap:20px;margin-top:16px;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)}.hub_tools_head{max-width:760px}.hub_tools_head h2{margin:0 0 8px;color:var(--color-title);font-size:1.44rem;line-height:1.35;text-wrap:balance}.hub_tools_head h2,.hub_tools_head p{word-break:keep-all;overflow-wrap:break-word}.hub_tools_head p{margin:0;color:var(--yul-brand-muted);font-size:.92rem}.hub_tool_list{display:flex;flex-wrap:wrap;gap:14px}.hub_tool_card{flex:1 1 300px;min-height:188px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--yul-brand-glass-line);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--gray-00) 72%,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}.hub_tool_card.is_live:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--yul-brand-orange) 46%,var(--yul-brand-glass-line));background:var(--yul-brand-glass-strong);box-shadow:var(--yul-brand-shadow),var(--yul-brand-inner-light)}.hub_tool_card.is_planned{cursor:default}.hub_tool_badge{align-self:flex-start;border:1px solid color-mix(in srgb,var(--yul-brand-orange) 28%,var(--yul-brand-line));border-radius:999px;padding:4px 10px;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] .hub_tool_badge{color:var(--yul-brand-yellow)}.hub_tool_card strong{color:var(--color-title);font-size:1.04rem;line-height:1.35}.hub_tool_card span:last-child{font-size:.86rem;line-height:1.58;word-break:keep-all;overflow-wrap:break-word}.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}.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 color-mix(in srgb,var(--yul-brand-muted) 24%,var(--yul-brand-glass-line));background:color-mix(in srgb,var(--gray-00) 90%,var(--yul-brand-cream));color:var(--color-default);border-radius:12px;padding:12px 14px;font-size:.9rem;font-family:inherit;font-weight:600;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 0 color-mix(in srgb,var(--color-default) 4%,transparent);transition:border-color .2s,box-shadow .2s,background .2s}.form_field input[type=text]::placeholder,.form_field input[type=url]::placeholder{color:color-mix(in srgb,var(--yul-brand-muted) 76%,var(--color-default));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(--yul-brand-line);border-radius:12px;padding:14px;background:var(--yul-brand-paper-soft);color:var(--color-default);font-family:var(--font-mono);font-size:.82rem;line-height:1.55;outline:none}.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-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));grid-gap:14px;gap:14px}.css_preset{position:relative;min-width:0;min-height:192px;display:flex;flex-direction:column;align-items:stretch;gap:9px;overflow:hidden;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:112px;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:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.css_generator_controls{flex:1 1 360px;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}.css_generator_filter_meta span,.css_generator_search{background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent)}.css_generator_search{width:100%;border:1px solid var(--yul-brand-glass-line);border-radius:999px;padding:10px 16px;color:var(--color-default);font-family:inherit;font-size:.84rem;outline:none;box-sizing:border-box}.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:12px;border:1px solid var(--yul-brand-line);border-radius:14px;padding:14px;background:var(--gray-00)}.css_generator_field{flex:1 1 160px;display:flex;align-items:center;gap:10px;color:var(--yul-brand-muted);font-size:.78rem;font-weight:700}.css_generator_field input[type=color]{width:42px;height:38px;border:1px solid var(--yul-brand-line);border-radius:10px;padding:3px;background:var(--yul-brand-paper-soft)}.css_generator_field code{border:1px solid var(--yul-brand-line);border-radius:6px;padding:2px 7px;background:var(--yul-brand-paper-soft);color:var(--yul-brand-orange-deep);font-size:.72rem}html[data-theme=dark] .css_generator_field code{color:var(--yul-brand-yellow)}.css_generator_range{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;color:var(--yul-brand-muted);font-size:.78rem;font-weight:700}.css_generator_range input{accent-color:var(--yul-brand-orange)}.css_generator_output{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}.css_generator_preview{width:100%;min-height:260px;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 pre{margin:0;padding:16px;overflow-x: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{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)}.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}.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(--yul-brand-glass-line);border-radius:11px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--color-default);font-family:inherit;font-size:.8rem;font-weight:700;padding:8px 10px;outline:none;box-sizing:border-box}.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(--yul-brand-glass-line);border-radius:12px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--color-default);font-family:inherit;font-size:.86rem;font-weight:700;padding:9px 11px;outline:none}.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(--yul-brand-glass-line);border-radius:10px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--color-default);font-family:inherit;font-size:.84rem;font-weight:750;padding:8px 9px;outline:none;box-sizing:border-box}.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 h2{font-size:1.15rem;color:var(--color-title);margin:28px 0 10px;text-wrap:balance}.seo_text h2,.seo_text p{word-break:keep-all;overflow-wrap:break-word}.seo_text p{color:var(--yul-brand-muted);font-size:.9rem;margin:0}.text_keep{white-space:nowrap}.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(--yul-brand-line);background:var(--gray-00);color:var(--color-default);border-radius:12px;padding:13px 16px;font-size:.95rem;font-family:inherit;outline:none}.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(--yul-brand-line);background:var(--gray-00);color:var(--color-default);border-radius:999px;padding:9px 18px;font-size:.85rem;font-family:inherit;outline:none}.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(--yul-brand-line);background:var(--gray-00);color:var(--color-default);border-radius:10px;padding:8px 12px;font-family:inherit;margin-left:auto}.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_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;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_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(--yul-brand-line);border-radius:10px;background:var(--gray-00);color:var(--color-default);font:inherit;font-size:.78rem;font-weight:750;height:36px;padding:0 10px}.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(--yul-brand-glass-line);border-radius:14px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);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;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(--yul-brand-glass-line);border-radius:12px;background:color-mix(in srgb,var(--yul-brand-cream) 72%,transparent);color:var(--color-default);font-family:inherit;font-size:.86rem;font-weight:650;outline:none;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:color-mix(in srgb,var(--yul-brand-muted) 74%,var(--color-default));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,.hub_action_link:focus-visible,.hub_tool_card.is_live: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)}.advanced_gradient_field input,.advanced_gradient_field select,.css_generator_field code,.css_generator_field input[type=color],.font_card_preview,.font_exp_input,.font_exp_search,.font_exp_sort,.icon_color_controls input[type=color],.icon_color_controls input[type=text],.icon_customizer,.icon_detail_preview,.icon_range_controls input[type=number],.meta_checker_field textarea,.meta_checker_panel,.mj_input,.mj_select,.mj_textarea,.oklch_palette_field input,.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,.advanced_gradient_field select,.font_exp_input,.font_exp_search,.font_exp_sort,.meta_checker_field textarea,.oklch_palette_field input{transition:border-color .22s,box-shadow .22s,background .22s}.advanced_gradient_field input:focus,.advanced_gradient_field select:focus,.font_exp_input:focus,.font_exp_search:focus,.meta_checker_field textarea:focus,.mj_input:focus,.mj_select:focus,.mj_textarea: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)}.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,.hub_tool_card.is_live: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}}@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%}.hub_tools{padding:20px}.hub_tools_head h2{font-size:1.2rem}.hub_tool_card{flex-basis:100%;min-height:0}.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-bottom:2px;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_preview{min-height:220px}.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{flex:0 1 auto;padding:14px}.advanced_gradient_preview{min-height:160px}.oklch_palette_preview{grid-template-columns:repeat(2,minmax(0,1fr))}.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}.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_exp_sort{margin-left:0}.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}