/* IMC Fonts: clean red interface */
:root{--background:#f8f9fa;--foreground:#202124;--card:#fff;--card-foreground:#202124;--popover:#fff;--popover-foreground:#202124;--primary:#df2d29;--primary-foreground:#fff;--secondary:#f1f3f4;--secondary-foreground:#202124;--muted:#f1f3f4;--muted-foreground:#5f6368;--accent:#fff1f0;--accent-foreground:#a51b18;--border:#dadce0;--input:#dadce0;--ring:#df2d29}
@media(prefers-color-scheme:dark){:root{--background:#f8f9fa;--foreground:#202124;--card:#fff;--card-foreground:#202124;--popover:#fff;--popover-foreground:#202124;--primary:#df2d29;--primary-foreground:#fff;--secondary:#f1f3f4;--secondary-foreground:#202124;--muted:#f1f3f4;--muted-foreground:#5f6368;--accent:#fff1f0;--accent-foreground:#a51b18;--border:#dadce0;--input:#dadce0;--ring:#df2d29}}
@font-face{font-family:FiraGO;src:url("fonts/FiraGO-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:FiraGO;src:url("fonts/FiraGO-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fa;color:#202124;font-family:FiraGO,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.site-shell{min-height:100vh}.background-grid{display:none}.topbar,.site-content{max-width:1060px;margin:0 auto}.topbar{height:72px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eaed;background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.035em}.brand b{color:#df2d29}.brand-icon{height:36px;width:36px;border-radius:10px;background:#df2d29;color:#fff;display:grid;place-items:center;font-size:23px;letter-spacing:-.15em;font-weight:700}.brand-icon span{color:#fff}.topbar-right{color:#747981;font-size:13px;display:flex;align-items:center;gap:10px}.tiny-dot{height:7px;width:7px;border-radius:50%;background:#df2d29}.site-content{padding:0 26px}.intro{padding:46px 0 31px}.intro-copy{max-width:800px}.eyebrow,.section-index{display:inline-flex;align-items:center;gap:7px;color:#d12c26;font-size:12px;letter-spacing:.08em;font-weight:700}.intro h1{font-size:clamp(32px,4vw,44px);line-height:1.22;letter-spacing:-.04em;font-weight:600;margin:14px 0 12px}.intro h1 em{font-style:normal;color:#d52b25}.intro p{font-size:15px;color:#62666c;line-height:1.65;max-width:690px}.intro-mark{display:none}.workspace{background:#fff;border:1px solid #e1e3e7;border-radius:18px;padding:29px;box-shadow:0 2px 10px #20212409}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.section-heading h2{font-size:24px;font-weight:600;letter-spacing:-.035em;margin:7px 0 0}.helper-note{display:flex;align-items:center;gap:8px;color:#777b83;font-size:13px}.field-label{display:block;font-size:14px;font-weight:600;margin:26px 0 9px}.link-field{position:relative}.link-field input,.publish-fields input,.sample-control input{height:51px;border:1px solid #dadce0;border-radius:10px;background:#fff;color:#202124;box-shadow:none;padding:0 16px;outline:0;font-size:14px}.link-field input{padding-right:46px}.link-field input:focus,.publish-fields input:focus,.sample-control input:focus{border-color:#df2d29;box-shadow:0 0 0 3px #df2d2918}.link-field input::placeholder,.publish-fields input::placeholder,.sample-control input::placeholder{color:#9aa0a6}.field-arrow{position:absolute;right:15px;top:15px;color:#d6322c}.hint{font-size:12px;color:#777b83;margin-top:9px}.error-text{color:#c5221f;font-size:13px;margin:10px 0}.generated{border-top:1px solid #ebedf0;margin-top:24px;padding-top:21px}.generated-label{font-size:14px;color:#1e7e4d;font-weight:700;display:flex;align-items:center;gap:8px}.generated-label span{margin-left:auto;color:#5f6368;border:1px solid #dfe1e5;background:#f8f9fa;border-radius:6px;padding:4px 7px;font-size:11px}.generated-link{display:flex;gap:9px;margin-top:13px}.generated-link code{display:block;flex:1;min-width:0;white-space:nowrap;overflow-x:auto;border:1px solid #e3e5e8;background:#f8f9fa;border-radius:9px;padding:13px;color:#40444b;font-size:12px;scrollbar-width:thin}.generated-link .copy-button,.publish-open,.publish-submit{min-height:43px;border:0;background:#df2d29;color:#fff;font-weight:600;border-radius:8px;padding:0 15px}.generated-link .copy-button:hover,.publish-open:hover,.publish-submit:hover{background:#bf2520}.current-preview{font-size:28px;min-height:78px;display:flex;align-items:center;overflow-wrap:anywhere}.generated-actions{display:flex;align-items:center;gap:15px;margin-top:18px}.generated-actions span{font-size:12px;color:#7c8086}.code-details{border:1px solid #e1e4e8;background:#fff;border-radius:10px;margin-top:14px;overflow:hidden}.code-details summary{display:flex;align-items:center;gap:9px;list-style:none;padding:13px 15px;font-size:13px;font-weight:600;color:#34383d;cursor:pointer;user-select:none}.code-details summary::-webkit-details-marker{display:none}.code-details summary:hover{background:#fafafa}.code-details summary>span:last-child{margin-left:auto;color:#73787e;font-size:17px;line-height:1}.code-details[open] summary>span:last-child{transform:rotate(180deg)}.code-content{border-top:1px solid #e7e9ec;padding:13px}.code-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}.code-actions button{height:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7d9dc;background:#fff;border-radius:7px;padding:0 11px;color:#33383e;font-size:12px;font-weight:600}.code-actions button:hover{color:#d52b25;border-color:#eab8b5;background:#fff8f7}.code-content pre{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#30343a;font-size:12px;line-height:1.65;max-height:180px;overflow:auto;padding:14px;margin:0;white-space:pre}.code-content p{font-size:12px;color:#757a80;margin:9px 1px 0}.publish-panel{border-top:1px solid #e6e8ec;margin-top:22px;padding-top:22px}.publish-title{display:flex;align-items:start;gap:11px;color:#d32e29}.publish-title strong{color:#202124;font-size:15px}.publish-title p{color:#777b83;font-size:12px;margin:3px 0 0}.publish-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:17px 0}.publish-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#484c52;font-weight:600}.publish-fields input{height:43px}.publish-submit{height:43px}.status{font-size:13px;color:#b42823;margin:16px 0 0}.collection{padding:51px 0 58px}.collection-heading{border-bottom:1px solid #e3e5e8;padding-bottom:15px}.count{font-size:12px;color:#d52b25;background:#fff0ef;border-radius:20px;padding:5px 8px;vertical-align:middle;margin-left:6px}.sample-control{display:flex;align-items:center;gap:14px;margin:21px 0}.sample-control label{font-size:13px;color:#646970}.sample-control input{height:41px;max-width:420px}.font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.font-card{background:#fff;border:1px solid #e1e4e8;border-radius:13px;padding:18px;min-height:240px;display:flex;flex-direction:column;box-shadow:0 1px 5px #20212405}.font-card-top{display:flex;justify-content:space-between;align-items:center}.font-format{font-size:11px;color:#62666b;background:#f1f3f4;padding:5px 7px;border-radius:5px;font-weight:600}.font-number{font-size:11px;color:#9aa0a6}.font-sample{font-size:clamp(23px,3vw,33px);line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere;display:flex;align-items:center;flex:1;padding:12px 0;min-height:100px}.font-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eceef1;padding-top:14px}.font-card-bottom h3{font-size:15px;margin:0 0 4px;font-weight:600;overflow-wrap:anywhere}.font-card-bottom span:not(.font-format){font-size:12px;color:#83878d}.font-card .code-details{margin-top:13px}.empty-state{text-align:center;border:1px dashed #d9dce1;border-radius:12px;background:#fff;padding:40px 20px}.empty-state span{font-size:42px;color:#d52b25}.empty-state h3{font-size:18px;margin:8px 0}.empty-state p{font-size:13px;color:#757a80}footer{border-top:1px solid #e3e5e8;padding:23px 0 33px;display:flex;justify-content:space-between;color:#898e94;font-size:12px}footer a{color:#d52b25;text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}
@media(max-width:700px){.topbar{height:64px;padding:0 18px}.site-content{padding:0 18px}.topbar-right{font-size:0}.intro{padding:36px 0 26px}.intro h1{font-size:34px}.intro p{font-size:14px}.workspace{padding:20px}.section-heading h2{font-size:21px}.helper-note{display:none}.field-label{margin-top:23px}.generated-link{flex-direction:column}.generated-link .copy-button{width:100%}.current-preview{font-size:24px}.generated-actions{flex-direction:column;align-items:start}.publish-fields{grid-template-columns:1fr}.collection{padding:42px 0}.sample-control{flex-direction:column;align-items:stretch;gap:7px}.sample-control input{max-width:none}.font-grid{grid-template-columns:1fr}}

[hidden]{display:none!important}input{display:block;width:100%}button{border:0}button:disabled{opacity:.6;cursor:wait}
/* Visual refinement: keep the generator and catalog layout intact. */
body{background:linear-gradient(180deg,#fff 0,#fff 310px,#f7f8fa 690px,#f7f8fa 100%);color:#25272d}
.site-shell{overflow:hidden}.topbar{max-width:none;padding-inline:max(30px,calc((100vw - 1060px)/2 + 26px));height:76px;border-bottom:1px solid #eceef1;box-shadow:0 1px 6px #22222208}
.brand{font-size:17px;letter-spacing:-.015em;gap:12px}.brand b{font-weight:700}.brand-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#ee4440 0%,#c91f1b 95%);box-shadow:0 5px 14px #de2e2838;font-weight:700}
.topbar-right{font-size:12px;font-weight:600;letter-spacing:.01em}.tiny-dot{box-shadow:0 0 0 4px #fce8e7}
.intro{position:relative;isolation:isolate;padding:54px 0 39px}.intro::after{content:"";position:absolute;z-index:-1;width:390px;height:390px;right:-200px;top:-265px;border-radius:50%;background:radial-gradient(circle,#ffe5e2 10%,#fff 70%);opacity:.72;pointer-events:none}
.eyebrow{padding:7px 12px;border:1px solid #f8d8d5;background:#fff5f4;border-radius:100px;letter-spacing:0;font-size:12px;color:#c72a25}
.intro h1{font-size:clamp(36px,4.3vw,50px);line-height:1.17;letter-spacing:-.05em;margin:20px 0 15px;font-weight:700}.intro h1 em{color:#d22a25}.intro p{font-size:15px;line-height:1.75;max-width:660px;color:#62676f}
.workspace{border-color:#e5e7eb;border-radius:21px;padding:34px;box-shadow:0 12px 35px #3c465b0c,0 2px 6px #22222208;position:relative}
.workspace::before{content:"";position:absolute;top:-1px;left:31px;width:84px;height:3px;border-radius:0 0 4px 4px;background:#db302b}
.section-index{color:#c82c28;letter-spacing:.055em;font-size:11px}.section-heading h2{font-size:26px;letter-spacing:-.045em}.helper-note{font-weight:600;color:#8a8e95}
.field-label{font-weight:700;color:#30343b}.link-field input,.publish-fields input,.sample-control input{border-color:#dfe2e7;box-shadow:0 1px 2px #20212405;transition:border-color .18s,box-shadow .18s}.link-field input{height:58px;background:#fcfcfd;font-size:14px}.link-field input:hover,.publish-fields input:hover,.sample-control input:hover{border-color:#c3c8d0}.link-field input:focus,.publish-fields input:focus,.sample-control input:focus{background:#fff;border-color:#de302b;box-shadow:0 0 0 4px #dc302b14}
.field-arrow{top:18px}.hint{margin-top:12px}.generated{margin-top:27px;padding-top:25px}.generated-label{color:#248451}.generated-label span{font-weight:700}.generated-link{margin-top:15px}.generated-link code{background:#f7f8fa;padding:15px;border-color:#e8eaee;color:#373b43;font-size:13px}.generated-link .copy-button,.publish-open,.publish-submit{height:46px;border-radius:10px;box-shadow:0 4px 10px #db302b26;transition:transform .17s,box-shadow .17s,background .17s}.generated-link .copy-button:hover,.publish-open:hover,.publish-submit:hover{transform:translateY(-1px);box-shadow:0 7px 15px #db302b36}
.current-preview{background:linear-gradient(105deg,#fff5f3 0%,#fff 80%);border-radius:13px;margin:16px 0 0;padding:12px 19px;min-height:94px;border:1px solid #f5e2df;color:#35353b}
.generator-code{margin-top:17px}.code-details{border-color:#e2e5e9;border-radius:11px;box-shadow:0 1px 3px #22222204}.code-details summary{padding:15px 17px;color:#3d424a}.code-details summary svg{color:#d82c27}.code-details summary:hover{background:#fff9f8}.code-details[open]{border-color:#eec4c1}.code-details[open] summary{background:#fff7f6;color:#b52723}.code-content{background:#fff;padding:15px}.code-content pre{background:#f6f7f9;border-color:#e7e9ed;max-height:170px;padding:16px;line-height:1.7}.code-actions button{border-radius:8px;background:#fff;border-color:#dedfe3;min-height:36px}.code-actions button:hover{color:#c42a26;border-color:#eaa9a5;background:#fff8f7}
.publish-panel{background:#fbfbfc;border:1px solid #eceef1;border-radius:13px;padding:20px;margin-top:21px}.publish-fields input{background:#fff}.status{background:#fff5f3;border:1px solid #f3d7d3;border-radius:9px;padding:10px 13px;max-width:max-content}
.collection{padding:64px 0 65px}.collection-heading{padding-bottom:19px}.collection-heading h2{font-size:25px}.count{background:#fff0ee;color:#cb2924;padding:6px 9px;border:1px solid #f7d4d0}.sample-control{margin:26px 0 19px;justify-content:space-between}.sample-control label{font-weight:700;color:#52575e}.sample-control input{background:#fff;max-width:490px}
.font-grid{gap:20px}.font-card{border-radius:17px;padding:20px;box-shadow:0 4px 16px #3c465b0a;transition:transform .2s,border-color .2s,box-shadow .2s}.font-card:hover{transform:translateY(-2px);border-color:#e8bbb7;box-shadow:0 12px 26px #3c465b14}.font-card-top{margin-bottom:13px}.font-card .font-sample{background:linear-gradient(140deg,#fff8f7,#fafbfd 78%);border:1px solid #f1edef;border-radius:12px;padding:21px;min-height:132px;align-items:center;margin-bottom:18px;font-size:clamp(25px,3vw,34px);color:#30343a}.font-card-bottom{border:0;padding-top:0}.font-card-bottom h3{font-size:16px}.font-card-bottom .font-format{border:1px solid #ebeef1}.font-card .code-details{margin-top:18px}.font-card .code-details summary{padding:12px 14px}
.empty-state{border-radius:16px;padding:55px 20px}.empty-state span{font-weight:700}.empty-state h3{font-weight:700}footer{padding:27px 0 38px}footer a{font-size:13px}
@media(max-width:700px){.topbar{height:66px;padding:0 18px}.intro{padding:39px 0 27px}.intro h1{font-size:36px}.workspace{padding:22px;border-radius:17px}.workspace::before{left:23px}.section-heading h2,.collection-heading h2{font-size:22px}.link-field input{height:54px}.field-arrow{top:16px}.current-preview{font-size:23px;padding:12px 14px}.collection{padding:48px 0}.font-card .font-sample{min-height:115px;padding:17px}.sample-control{align-items:stretch}}
@media(prefers-reduced-motion:reduce){.font-card,.generated-link .copy-button,.publish-open,.publish-submit{transition:none}.font-card:hover,.generated-link .copy-button:hover,.publish-open:hover,.publish-submit:hover{transform:none}}
/* Night interface: deep graphite, red signal, restrained cyan detail. */
:root{--background:#090d16;--foreground:#eff3f9;--card:#151b29;--card-foreground:#eff3f9;--popover:#151b29;--popover-foreground:#eff3f9;--primary:#ff535a;--primary-foreground:#100c12;--secondary:#1d2636;--secondary-foreground:#eff3f9;--muted:#1d2636;--muted-foreground:#a6b0c1;--accent:#26344a;--accent-foreground:#f7fbff;--border:#2c3649;--input:#2c3649;--ring:#ff535a}
@media(prefers-color-scheme:dark){:root{--background:#090d16;--foreground:#eff3f9;--card:#151b29;--card-foreground:#eff3f9;--popover:#151b29;--popover-foreground:#eff3f9;--primary:#ff535a;--primary-foreground:#100c12;--secondary:#1d2636;--secondary-foreground:#eff3f9;--muted:#1d2636;--muted-foreground:#a6b0c1;--accent:#26344a;--accent-foreground:#f7fbff;--border:#2c3649;--input:#2c3649;--ring:#ff535a}}
html{color-scheme:dark}body{background:#090d16;color:#eff3f9}.site-shell{position:relative;isolation:isolate;background:radial-gradient(ellipse 55% 32% at 78% 4%,#39212e65,transparent 80%),radial-gradient(ellipse 38% 30% at 0% 45%,#0c354556,transparent 85%),#090d16;min-height:100vh}.background-grid{display:block;position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#b7d6ee0b 1px,transparent 1px),linear-gradient(90deg,#b7d6ee0b 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#0008,transparent 770px)}
.topbar{background:#0d121dda;border-bottom:1px solid #263143;box-shadow:0 1px 0 #ffffff06;backdrop-filter:blur(18px)}.brand{color:#fff}.brand b{color:#ff686e}.brand-icon{background:linear-gradient(135deg,#ff656b,#b92736);box-shadow:0 0 22px #ec394240}.topbar-right{color:#8896a9}.tiny-dot{background:#73dce5;box-shadow:0 0 0 4px #70dce51c,0 0 12px #75dfe575}
.intro{padding:62px 0 46px}.intro::after{width:390px;height:390px;top:-270px;right:-140px;background:radial-gradient(circle,#b4283766,transparent 68%);opacity:.6}.eyebrow{background:#172331;border:1px solid #364559;color:#8fe4eb;letter-spacing:.035em;box-shadow:inset 0 1px 0 #ffffff08}.intro h1{color:#f3f6fb;text-shadow:0 1px 16px #fff1;font-size:clamp(38px,4.6vw,54px)}.intro h1 em{color:#ff666d}.intro p{color:#a7b4c5;font-size:16px}
.workspace{background:linear-gradient(165deg,#171e2d,#121926 85%);border:1px solid #313b4e;box-shadow:0 22px 55px #0006,inset 0 1px 0 #ffffff0a;border-radius:20px}.workspace::before{height:2px;width:96px;background:linear-gradient(90deg,#ff5e65,#6edce8);box-shadow:0 0 16px #ff5e6555}.section-index{color:#80dce5;font-weight:700;letter-spacing:.12em}.section-heading h2{color:#f4f7fb}.helper-note{color:#95a2b5}.field-label{color:#dbe3ed}.link-field input,.publish-fields input,.sample-control input,.unlock-form input{background:#0e1421;border-color:#364256;color:#eef2f8;box-shadow:inset 0 1px 4px #0002}.link-field input:hover,.publish-fields input:hover,.sample-control input:hover,.unlock-form input:hover{border-color:#69788f}.link-field input:focus,.publish-fields input:focus,.sample-control input:focus,.unlock-form input:focus{background:#101a2a;border-color:#ff6369;box-shadow:0 0 0 4px #ff5a621c,0 0 18px #ff5a6212}.link-field input::placeholder,.publish-fields input::placeholder,.sample-control input::placeholder,.unlock-form input::placeholder{color:#768396}.field-arrow{color:#ff7278}.hint{color:#8694a8}.error-text{color:#ff8e92}
.generated{border-color:#313b4d}.generated-label{color:#8de0d9}.generated-label span,.font-format{background:#1b2a39;color:#8de0e8;border-color:#315165}.generated-link code{background:#0b121f;border-color:#2d3a4d;color:#dbe5f0}.generated-link .copy-button,.publish-open,.publish-submit,.unlock-form button{background:linear-gradient(135deg,#ff686e,#e0444d);color:#140d12;box-shadow:0 6px 20px #dc384540;font-weight:700}.generated-link .copy-button:hover,.publish-open:hover,.publish-submit:hover,.unlock-form button:hover{background:linear-gradient(135deg,#ff7e84,#e84f58);box-shadow:0 8px 25px #dc384557}.current-preview{background:linear-gradient(105deg,#292331,#151e2e 80%);border-color:#493947;color:#f5f3f5}.generated-actions span{color:#8896a8}
.code-details{background:#111a29;border-color:#334155;box-shadow:inset 0 1px 0 #ffffff06}.code-details summary{color:#d6e1ec}.code-details summary svg{color:#76d7e1}.code-details summary>span:last-child{color:#87a1b7}.code-details summary:hover{background:#1a2839}.code-details[open]{border-color:#4c6975}.code-details[open] summary{background:#1c2b3c;color:#94e6ea}.code-content{background:#121c2b;border-color:#334155}.code-actions button{background:#1a2939;border-color:#3a5065;color:#dbe8f4}.code-actions button:hover{background:#263c50;border-color:#6fd3df;color:#a5eff2}.code-content pre{background:#0b1421;color:#d3e5f4;border-color:#29394b}.code-content p{color:#90a0b3}
.publish-panel{background:#101928;border-color:#354155}.publish-title{color:#8de0e9}.publish-title strong{color:#f3f6fb}.publish-title p{color:#91a0b4}.publish-fields label{color:#dbe2ed}.publish-fields input{background:#0b1321}.status{background:#251c29;border-color:#664149;color:#ffc2c5}
.collection-heading{border-color:#2c394b}.count{background:#34202b;color:#ff8990;border-color:#68414b}.sample-control label{color:#b7c2d0}.sample-control input{background:#111a29}
.font-card{background:linear-gradient(160deg,#182233,#131c2b 85%);border-color:#344155;box-shadow:0 9px 28px #0003,inset 0 1px 0 #ffffff08}.font-card:hover{border-color:#647489;box-shadow:0 18px 34px #0006,0 0 24px #ff515115}.font-number{color:#91a1b4}.font-card .font-sample{background:radial-gradient(circle at 92% 10%,#31384966,transparent 47%),linear-gradient(135deg,#202839,#182335);border-color:#3a4659;color:#f1f4f8}.font-card-bottom h3{color:#f4f6fb}.font-card-bottom span:not(.font-format){color:#91a1b4}.font-card-bottom .font-format{border-color:#315165}.font-card .code-details{background:#111a29}.empty-state{background:#151e2e;border-color:#415066;color:#eaf0f7}.empty-state span{color:#ff6c73}.empty-state p{color:#9ba9ba}
footer{border-color:#2c394b;color:#8090a4}.powered{color:#8be0e8;font-weight:700;letter-spacing:.04em;text-shadow:0 0 18px #69dce53b}
.unlock-panel{max-width:570px;margin:4px auto 12px;padding:40px}.unlock-symbol{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;color:#94e6eb;background:#213043;border:1px solid #42616d;box-shadow:0 0 26px #66dce51a;margin-bottom:25px}.unlock-panel h2{font-size:27px;letter-spacing:-.04em;margin:10px 0}.unlock-panel p{color:#a1aec0;font-size:14px;line-height:1.6;margin-bottom:23px}.unlock-form{display:flex;gap:10px}.unlock-form input{height:48px;min-width:0;flex:1;border-radius:9px;padding:0 14px;outline:none}.unlock-form button{height:48px;padding:0 17px;border-radius:9px;flex:none}
.global-feedback{position:fixed;right:24px;bottom:24px;z-index:10;margin:0;box-shadow:0 14px 35px #0008;max-width:min(440px,calc(100vw - 48px))}
@media(max-width:700px){.intro{padding:45px 0 29px}.intro h1{font-size:39px}.intro p{font-size:14px}.workspace{padding:23px}.unlock-panel{padding:27px}.unlock-form{flex-direction:column}.unlock-form button{width:100%}.collection{padding:48px 0 60px}.font-card .font-sample{min-height:120px}.global-feedback{right:15px;bottom:15px}}

.link-field textarea{display:block;width:100%;min-height:110px;padding:14px 44px 14px 16px;background:#0e1421;border:1px solid #364256;border-radius:10px;color:#eef2f8;font:inherit;font-size:14px;line-height:1.55;resize:vertical;outline:none;box-shadow:inset 0 1px 4px #0002}.link-field textarea:hover{border-color:#69788f}.link-field textarea:focus{background:#101a2a;border-color:#ff6369;box-shadow:0 0 0 4px #ff5a621c,0 0 18px #ff5a6212}.link-field textarea::placeholder{color:#768396}.link-field:has(textarea) .field-arrow{top:17px}