/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-semibold:600;--radius-lg:.5rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-ink:#141414;--color-muted:#777;--color-soft:#f4f4f4;--color-soft-2:#eee;--color-line:#e7e7e7}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-50{z-index:50}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.w-11{width:calc(var(--spacing) * 11)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.shrink{flex-shrink:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-line{border-color:var(--color-line)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-soft-2{background-color:var(--color-soft-2)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-\[690\]{--tw-font-weight:690;font-weight:690}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-ink\/90:hover{background-color:#141414e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-ink\/90:hover{background-color:color-mix(in oklab, var(--color-ink) 90%, transparent)}}.hover\:bg-soft:hover{background-color:var(--color-soft)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ink\/30:focus-visible{--tw-ring-color:#1414144d}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ink\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ink) 30%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}:root{--page:#fff;--ink:#141414;--muted:#777;--soft:#f4f4f4;--soft-2:#eee;--line:#e7e7e7;--pill:#f1f1f1;--modal:#3c3c3b;--modal-soft:#4b4b4a;--modal-text:#f5f5f5;--modal-muted:#a7a7a7;--shadow:0 24px 90px #00000038;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;grid-template-columns:290px minmax(320px,640px) 1fr;align-items:center;gap:24px;min-height:76px;padding:0 40px;display:grid;position:sticky;top:0}.brand-lockup,.product-switch,.header-actions,.control-row,.sort-tabs,.platform-toggle{align-items:center;display:flex}.brand-lockup{gap:34px}.mobbin-mark{width:64px;height:30px;color:var(--ink);display:inline-flex;position:relative}.mobbin-mark span{background:currentColor;width:28px;height:20px;position:absolute;bottom:0;transform:skew(-34deg)}.mobbin-mark span:first-child{left:2px}.mobbin-mark span:nth-child(2){height:25px;left:21px}.mobbin-mark span:nth-child(3){left:40px}.product-switch{gap:28px}.product-link{color:#a6a6a6;font-size:20px;font-weight:690}.product-link.active{color:var(--ink)}.global-search{background:var(--soft);color:#b6b6b6;text-align:left;border-radius:999px;grid-template-columns:30px 1fr 26px;justify-self:center;align-items:center;gap:8px;width:min(640px,100%);height:60px;padding:0 26px;font-size:20px;font-weight:470;display:grid}.search-glyph{border:3px solid var(--ink);border-radius:999px;width:20px;height:20px;position:relative}.search-glyph:after{content:"";background:var(--ink);border-radius:999px;width:9px;height:3px;position:absolute;bottom:-5px;right:-8px;transform:rotate(45deg)}.scan-glyph{clip-path:polygon(0 0,38% 0,38% 16%,16% 16%,16% 38%,0 38%,0 0,62% 0,100% 0,100% 38%,84% 38%,84% 16%,62% 16%);border:3px solid #777;border-radius:4px;width:22px;height:22px}.header-actions{justify-content:flex-end;gap:24px}.icon-action,.round-action{flex:none;width:28px;height:28px;position:relative}.bookmark-glyph:before{content:"";border:3px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);border-bottom:0;position:absolute;inset:3px 6px}.globe-glyph:before{content:"";border:3px solid var(--ink);border-radius:999px;position:absolute;inset:3px}.globe-glyph:after{content:"";border-left:3px solid var(--ink);border-right:3px solid var(--ink);position:absolute;inset:5px 11px;transform:rotate(30deg)}.bell-glyph:before{content:"";border:3px solid var(--ink);border-bottom-width:4px;border-radius:12px 12px 8px 8px;height:16px;position:absolute;top:4px;left:6px;right:6px}.bell-glyph:after{content:"";background:var(--ink);border-radius:999px;width:7px;height:4px;position:absolute;bottom:1px;left:11px}.pro-button{background:var(--ink);color:#fff;border-radius:999px;height:44px;padding:0 20px;font-size:16px;font-weight:690}.round-action{background:var(--soft);color:#9b9b9b;border-radius:999px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.page{padding:40px}.taxonomy{grid-template-columns:repeat(4,minmax(0,1fr));gap:72px;padding:6px 0 92px;display:grid}.taxonomy-column{align-content:start;gap:6px;display:grid}.taxonomy-column p{color:var(--muted);margin:0 0 12px;font-size:16px;font-weight:500}.taxonomy-column button{text-align:left;letter-spacing:0;width:fit-content;font-size:clamp(21px,1.35vw,27px);font-weight:720;line-height:1.28}.taxonomy-column button:hover{color:#666}.control-row{gap:28px;margin-bottom:30px}.platform-toggle{background:var(--soft);border-radius:999px;min-width:130px;height:48px;padding:5px}.platform-option{color:#aaa;border-radius:999px;min-width:58px;height:38px;padding:0 14px;font-size:17px;font-weight:680}.platform-option.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #00000014}.vertical-divider{background:var(--line);width:1px;height:40px}.sort-tabs{scrollbar-width:none;flex:1;gap:34px;min-width:0;overflow-x:auto}.sort-tab{white-space:nowrap;color:#b1b1b1;padding:10px 0;font-size:18px;font-weight:670;position:relative}.sort-tab.active{color:var(--ink)}.sort-tab.active:after{content:"";background:var(--ink);border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}.filter-button{white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:690;display:inline-flex}.filter-glyph{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);width:24px;height:19px;position:relative}.filter-glyph:before,.filter-glyph:after{content:"";border:3px solid var(--ink);background:#fff;border-radius:999px;width:7px;height:7px;position:absolute}.filter-glyph:before{top:-8px;left:4px}.filter-glyph:after{bottom:-8px;right:3px}.upgrade-banner{background:var(--soft-2);border-radius:12px;align-items:center;gap:16px;min-height:54px;margin-bottom:32px;padding:0 20px;display:flex}.upgrade-banner span{background:var(--ink);color:#fff;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:760}.upgrade-banner p{margin:0;font-size:16px;font-weight:640}.upgrade-banner a{color:var(--ink)}.card-grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:24px;display:grid}.inspiration-card{background:#f4f4f4;border-radius:28px;min-width:0;transition:transform .17s,background .17s;position:relative;overflow:hidden}.inspiration-card:hover{background:#eee;transform:translateY(-4px)}.card-status{z-index:2;color:#fff;background:#b7b7b7;border-radius:9px;padding:7px 11px;font-size:14px;font-weight:700;position:absolute;top:20px;left:20px}.preview-stage{place-items:end center;height:480px;padding:64px 36px 36px;display:grid}.preview-stage.web{place-items:center;padding:90px 54px 54px}.phone-shot{background:#fff;border-radius:34px;width:min(280px,86%);height:440px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #dfdfdf}.phone-status{justify-content:space-between;align-items:center;height:42px;padding:0 22px;font-size:13px;font-weight:740;display:flex}.phone-status span:last-child{letter-spacing:1px}.phone-body{padding:18px 20px 24px}.phone-title{margin:0 0 10px;font-size:22px;font-weight:740;line-height:1.05}.phone-subtitle{color:#666;margin:0 0 18px;font-size:13px;line-height:1.35}.search-box,.phone-pill,.phone-line,.phone-avatar,.phone-card,.phone-photo{background:#ececec;border-radius:999px}.search-box{border:2px solid var(--accent,#d841b5);background:#fff;height:42px}.quick-row{gap:8px;margin:14px 0 22px;display:flex}.phone-pill{flex:1;height:28px}.phone-list{gap:14px;display:grid}.phone-line{height:10px}.phone-line.short{width:58%}.phone-row{grid-template-columns:38px 1fr;align-items:center;gap:10px;display:grid}.phone-avatar{background:var(--accent,#3788e5);width:38px;height:38px}.phone-card{border-radius:16px;height:70px}.phone-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.phone-photo{background:radial-gradient(circle at 22% 28%, #ffffffb3, transparent 22%), linear-gradient(140deg, var(--accent,#3e72ff), #1c1c1c);border-radius:16px;height:104px}.web-shot{aspect-ratio:16/9;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 0 0 1px #dfdfdf}.browser-top{background:#fbfbfb;border-bottom:1px solid #ededed;height:24px}.web-body{align-content:center;gap:16px;height:calc(100% - 24px);padding:26px;display:grid}.web-hero{background:linear-gradient(90deg, var(--accent,#695cff), #f5f5f5);border-radius:10px;height:54px}.web-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.web-tile{background:#eee;border-radius:8px;height:56px}.card-meta{padding:0 24px 26px}.card-meta h2{letter-spacing:0;margin:0 0 4px;font-size:20px}.card-meta p{color:var(--muted);margin:0;font-weight:560}.search-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8a;place-items:center;padding:36px;display:none;position:fixed;inset:0}.search-backdrop.open{display:grid}.search-modal{width:min(1030px,100%);max-height:min(845px,100vh - 72px);color:var(--modal-text);box-shadow:var(--shadow);background:#363635fa;border-radius:28px;overflow:hidden}.modal-search-row{grid-template-columns:1fr 44px;align-items:center;gap:14px;height:82px;padding:0 26px;display:grid}.modal-search-row input{width:100%;color:var(--modal-text);background:0 0;border:0;outline:0;font-size:20px}.modal-search-row input::placeholder{color:var(--modal-muted)}.modal-close{width:36px;height:36px;position:relative}.modal-close:before,.modal-close:after{content:"";background:var(--modal-text);border-radius:999px;height:3px;position:absolute;top:17px;left:8px;right:8px}.modal-close:before{transform:rotate(45deg)}.modal-close:after{transform:rotate(-45deg)}.modal-body{grid-template-columns:300px 1fr;gap:24px;padding:0 24px 28px;display:grid;overflow-y:auto}.modal-nav{align-content:start;gap:4px;display:grid}.modal-nav button{color:#eee;text-align:left;border-radius:12px;align-items:center;gap:14px;height:48px;padding:0 18px;font-size:19px;font-weight:680;display:flex}.modal-nav button.active,.modal-nav button:hover{background:var(--modal-soft)}.modal-nav span{color:#bcbcbc;width:22px;height:22px;position:relative}.trend-glyph:before,.box-glyph:before,.screens-glyph:before,.ui-glyph:before,.flow-glyph:before{content:"";border:3px solid;border-radius:4px;position:absolute;inset:3px}.ui-glyph:before{border-radius:999px}.flow-glyph:before{border-radius:999px;width:6px;height:6px;box-shadow:13px -5px 0 -3px,13px 7px 0 -3px}.modal-content{gap:30px;min-width:0;display:grid}.app-logo-row{scrollbar-width:none;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.app-token{background:var(--logo);color:#fff;border-radius:20px;flex:none;place-items:center;width:80px;height:80px;font-size:25px;font-weight:730;display:grid}.modal-content h2{color:var(--modal-muted);margin:0 0 14px;font-size:16px;font-weight:650}.modal-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.modal-screen-card{background:var(--modal-soft);border-radius:18px;min-height:158px;padding:16px 16px 12px;overflow:hidden}.modal-screen-card h3{margin:0 0 20px;font-size:18px}.tiny-screen{background:linear-gradient(90deg, #fff 50%, #eee 50%), var(--tone);border-top:22px solid var(--tone);border-radius:0 0 14px 14px;height:92px}.pill-cloud{flex-wrap:wrap;gap:10px;display:flex}.modal-pill{background:var(--modal-soft);color:var(--modal-text);border-radius:999px;padding:12px 20px;font-size:18px;font-weight:680}@media (width<=1180px){.app-header{grid-template-columns:1fr;gap:14px;padding:16px 24px}.brand-lockup{justify-content:space-between}.header-actions{display:none}.taxonomy{grid-template-columns:repeat(2,1fr);gap:44px;padding-bottom:56px}.card-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (width<=720px){.page{padding:22px 16px}.mobbin-mark{width:50px}.product-switch{gap:18px}.product-link{font-size:17px}.global-search{height:52px;padding:0 18px;font-size:16px}.taxonomy{grid-template-columns:1fr;gap:26px;padding-bottom:36px}.taxonomy-column button{font-size:23px}.control-row{flex-wrap:wrap;align-items:flex-start;gap:16px}.sort-tabs{flex-basis:100%;order:3;width:100%}.vertical-divider{display:none}.upgrade-banner{align-items:flex-start;padding:13px 14px}.upgrade-banner p{font-size:15px}.card-grid{grid-template-columns:1fr}.preview-stage,.preview-stage.web{height:430px}.modal-body{grid-template-columns:1fr}.modal-nav{grid-auto-flow:column;overflow-x:auto}.modal-nav button{white-space:nowrap}.modal-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-stage{position:relative}.preview-image{object-fit:cover;background:#f4f4f4;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-modal{width:min(420px,100%);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:24px;overflow:hidden}.auth-modal .modal-search-row{height:60px;padding:0 24px;font-size:19px}.auth-form{gap:14px;padding:8px 24px 28px;display:grid}.auth-form input{border:1px solid var(--line);border-radius:12px;outline:none;height:50px;padding:0 16px;font-size:16px}.auth-form input:focus{border-color:var(--ink)}.auth-error{color:#c0392b;margin:0;font-size:14px}.auth-submit{width:100%}.auth-switch{color:var(--muted);font-size:14px;text-decoration:underline}.auth-loading{place-items:center;min-height:52vh;display:grid}.login-page{place-items:center;min-height:calc(100vh - 74px);padding-top:54px;padding-bottom:72px;display:grid}.login-panel{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow-soft);background:#fff;border-radius:8px}.login-header{padding:30px 30px 8px}.login-kicker{color:var(--muted);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:720}.login-header h1{margin:0;font-size:30px;line-height:1.05}.login-copy{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.45}.login-form{padding:18px 30px}.login-footer{color:var(--muted);justify-content:center;gap:8px;margin:0;padding:0 30px 30px;font-size:14px;display:flex}.login-alt{color:var(--ink);font-weight:680}.account-chip{align-items:center;gap:10px;font-size:15px;font-weight:640;display:inline-flex}.account-chip button{color:var(--muted);font-size:14px;text-decoration:underline}.signin-link{font-size:15px;font-weight:660}.save-btn{z-index:3;background:#ffffffe6;border-radius:12px;place-items:center;width:40px;height:40px;transition:background .15s,transform .15s;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 2px 10px #0000001f}.save-btn:hover{background:#fff;transform:translateY(-1px)}.save-btn.saved{background:var(--ink)}.save-btn .bookmark{border:2.5px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);border-bottom:none;border-radius:2px 2px 0 0;width:16px;height:18px}.save-btn.saved .bookmark{border-color:#fff}.card-link{color:inherit;text-decoration:none;display:block}.crumbs{color:var(--muted);margin:0 0 18px;font-size:15px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.section-title{margin:0 0 18px;font-size:20px;font-weight:700}.empty-state{color:var(--muted);padding:40px 0;font-size:17px}.empty-state a{color:var(--ink)}.detail-page{padding-top:28px}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px;display:grid}.detail-media{background:var(--soft);cursor:zoom-in;border-radius:24px;place-items:center;min-height:420px;padding:24px;display:grid;position:relative;overflow:hidden}.detail-media .save-btn{top:18px;right:18px}.detail-img{border-radius:16px;max-width:100%;max-height:78vh;transition:transform .2s;box-shadow:0 18px 60px #0000002e}.detail-img.zoomed{cursor:zoom-out;transform:scale(1.6)}.detail-mock{width:min(280px,80%)}.detail-side h1{margin:0 0 8px;font-size:26px}.detail-app{color:var(--muted);margin:0 0 18px}.detail-app a{color:var(--ink);text-decoration:none}.detail-app a:hover{text-decoration:underline}.detail-meta{gap:12px;margin:0 0 16px;display:grid}.detail-meta div{gap:10px;font-size:15px;display:flex}.detail-meta dt{color:var(--muted);width:92px;margin:0}.detail-meta dd{margin:0;font-weight:600}.detail-hint{color:var(--muted);margin:0;font-size:13px}.detail-back{margin:28px 0}.detail-back a{color:var(--ink);text-decoration:none}.related-section{margin-top:48px}.app-header-block{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.app-header-block h1{margin:0;font-size:30px}.flow-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.flow-header h1{margin:0;font-size:26px}.flow-counter{color:var(--muted);margin:0;font-weight:600}.flow-viewer{gap:18px;display:grid}.flow-stage{background:var(--soft);border-radius:24px;place-items:center;min-height:360px;padding:24px;display:grid;position:relative}.flow-annotation{color:#fff;background:#141414cc;border-radius:10px;padding:8px 14px;font-size:14px;position:absolute;bottom:18px;left:18px}.flow-nav{align-items:center;gap:16px;display:flex}.flow-thumbs{flex:1;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flow-thumb{background:var(--soft);width:34px;height:34px;color:var(--muted);border-radius:999px;font-weight:700}.flow-thumb.active{background:var(--ink);color:#fff}.search-page-form{gap:12px;margin-bottom:28px;display:flex}.search-page-form input{border:1px solid var(--line);border-radius:14px;outline:none;flex:1;height:54px;padding:0 18px;font-size:16px}.search-page-form input:focus{border-color:var(--ink)}.search-results{gap:36px;display:grid}.modal-pill.light{background:var(--soft);color:var(--ink);text-decoration:none}@media (width<=900px){.detail-layout{grid-template-columns:1fr}}.admin-page{max-width:1180px}.admin-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.admin-header h1{margin:0;font-size:32px}.admin-header p,.admin-hint{color:var(--muted);margin:8px 0 0}.admin-empty{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:28px}.admin-empty h2{margin:0 0 8px;font-size:20px}.admin-empty p{color:var(--muted);margin:0}.admin-form{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.admin-form.single{grid-template-columns:minmax(0,760px)}.admin-form-main,.admin-submit-panel{border:1px solid var(--line);background:#fff;border-radius:18px}.admin-form-main{gap:18px;padding:24px;display:grid}.admin-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-field-grid.three{grid-template-columns:1.1fr 1fr 1fr}.admin-field{gap:8px;display:grid}.admin-field span,.admin-check span{color:var(--ink);font-weight:690}.admin-field input,.admin-field select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;outline:none;padding:0 14px}.admin-field input[type=file]{padding:10px 14px}.admin-field input:focus,.admin-field select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #14141414}.admin-check{align-items:center;gap:10px;display:inline-flex}.admin-check input{width:18px;height:18px}.admin-submit-panel{gap:12px;padding:18px;display:grid;position:sticky;top:96px}.admin-submit-panel dl{gap:10px;margin:0 0 8px;display:grid}.admin-submit-panel div{justify-content:space-between;gap:12px;font-size:14px;display:flex}.admin-submit-panel dt{color:var(--muted)}.admin-submit-panel dd{overflow-wrap:anywhere;text-align:right;max-width:170px;margin:0;font-weight:690}.admin-form-actions{align-items:center;gap:12px;display:flex}.admin-list{gap:12px;display:grid}.admin-list-row{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.admin-list-row h2{margin:0 0 4px;font-size:18px}.admin-list-row p{color:var(--muted);margin:0}.admin-list-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=900px){.admin-form{grid-template-columns:1fr}.admin-submit-panel{position:static}.admin-list-row{display:grid}.admin-list-actions{justify-content:flex-start}}@media (width<=720px){.admin-header{display:grid}.admin-field-grid,.admin-field-grid.three{grid-template-columns:1fr}}.offline-banner{color:#8a5a00;background:#fff4e5;border:1px solid #ffd9a8;border-radius:12px;align-items:center;gap:14px;min-height:50px;margin-bottom:24px;padding:0 18px;display:flex}.offline-banner span{color:#fff;background:#f4a629;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.offline-banner p{margin:0;font-size:14px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}