.liquid-page .dev-intro{max-width:820px}.liquid-workspace{overflow:hidden;margin-top:34px;border:1px solid var(--developer-border);border-radius:24px;background:#fff}.liquid-file-input{display:none}.liquid-builder{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:780px}.liquid-input-panel,.liquid-output-panel{min-width:0;padding:30px}.liquid-input-panel{border-right:1px solid var(--developer-border);background:#fff}.liquid-output-panel{background:#fff}.liquid-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.liquid-panel-heading>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--developer-accent);color:#fff;font-size:14px;font-weight:800}.liquid-panel-heading div{display:grid;gap:2px}.liquid-panel-heading strong{color:#17202b;font-size:17px;line-height:1.25}.liquid-panel-heading small{color:#68717c;font-size:13px}.liquid-field{display:grid;gap:8px;margin-top:16px}.liquid-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#34414e;font-size:13px;font-weight:760}.liquid-field>span small{color:#7a8490;font-size:13px;font-weight:550}.liquid-field textarea{display:block;width:100%;resize:vertical;border:2px solid #d6dbe0;border-radius:14px;outline:none;background:#fff;color:#202a35;font:500 16px/1.58 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;-moz-tab-size:2;tab-size:2;transition:border-color .15s ease}.liquid-field textarea:focus{border-color:var(--developer-accent)}.liquid-source{min-height:275px;padding:15px}.liquid-template{min-height:190px;padding:15px}.liquid-local-note{display:flex;align-items:center;gap:11px;margin-top:17px;padding:13px 14px;border:1px solid var(--developer-border);border-radius:14px;background:#fff;color:var(--developer-accent)}.liquid-local-note>svg{width:22px;height:22px;flex:0 0 auto}.liquid-local-note span{display:grid;gap:2px;min-width:0}.liquid-local-note strong{color:#273341;font-size:14px}.liquid-local-note small{overflow-wrap:anywhere;color:#727c87;font-size:13px;line-height:1.45}.liquid-action{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:0;border-radius:14px;background:var(--developer-accent);color:#fff;font-size:15px;font-weight:800;cursor:pointer}.liquid-action:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.liquid-action:disabled{cursor:wait;opacity:.72}.liquid-action svg{width:19px;height:19px}.liquid-error{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:13px 14px;border:1px solid #fecaca;border-radius:13px;background:#fff7f7;color:#9f2637;font-size:14px;font-weight:650;line-height:1.5}.liquid-error svg{width:18px;height:18px;flex:0 0 auto;margin-top:1px}.liquid-empty{display:grid;min-height:535px;place-items:center;align-content:center;gap:10px;padding:42px;text-align:center}.liquid-empty>svg{width:46px;height:46px;color:var(--developer-accent);opacity:.62}.liquid-empty strong{color:#263342;font-size:19px}.liquid-empty p{max-width:410px;margin:0;color:#697582;font-size:14px;line-height:1.62}.liquid-hero-result{display:grid;justify-items:start;padding:23px;border:1px solid var(--developer-border);border-radius:18px;background:#fff}.liquid-hero-result>span{display:flex;align-items:center;gap:7px;color:var(--developer-accent);font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.liquid-hero-result>span svg{width:17px;height:17px}.liquid-hero-result>strong{max-width:100%;overflow-wrap:anywhere;margin-top:10px;color:#182330;font-size:clamp(31px,5vw,49px);line-height:1.02;letter-spacing:-.045em}.liquid-hero-result>small{margin-top:6px;color:#606d79;font-size:14px;font-weight:700}.liquid-hero-result>p{margin:14px 0 0;color:#576573;font-size:14px;line-height:1.58}.liquid-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.liquid-metrics>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid #e4e7ea;border-radius:12px;background:#fff}.liquid-metrics span{overflow-wrap:anywhere;color:#7a8490;font-size:13px;font-weight:700;text-transform:uppercase}.liquid-metrics strong{overflow-wrap:anywhere;color:#25313d;font-size:15px}.liquid-result-section{margin-top:24px}.liquid-output-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.liquid-output-heading>div{min-width:0}.liquid-output-heading h3{margin:0;color:#202c39;font-size:16px}.liquid-output-heading p{margin:3px 0 0;color:#7b8590;font-size:13px}.liquid-table-wrap{max-width:100%;overflow:auto;border:1px solid #e0e4e8;border-radius:13px}.liquid-result-table{width:100%;border-collapse:collapse;font-size:13px}.liquid-result-table th,.liquid-result-table td{max-width:310px;overflow:hidden;padding:10px 11px;border-bottom:1px solid #e8ebee;text-align:left;text-overflow:ellipsis;white-space:nowrap}.liquid-result-table th{position:sticky;top:0;background:#f7f8f9;color:#5a6672;font-size:13px;font-weight:800;letter-spacing:.025em;text-transform:uppercase}.liquid-result-table td{color:#303d49}.liquid-result-table tr:last-child td{border-bottom:0}.liquid-no-rows{padding:24px;border:1px dashed #d8dde1;border-radius:13px;color:#707b86;text-align:center;font-size:14px}.liquid-code-output{max-height:390px;overflow:auto;margin:0;padding:16px;border:1px solid #dfe3e7;border-radius:14px;background:#18212b;color:#f4f1eb;font:500 13px/1.62 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.liquid-notes{display:grid;gap:8px;margin-top:20px}.liquid-notes p{display:flex;align-items:flex-start;gap:8px;margin:0;color:#64707d;font-size:13px;line-height:1.52}.liquid-notes svg{width:15px;height:15px;flex:0 0 auto;margin-top:1px;color:var(--developer-accent)}.liquid-downloads{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding:15px;border:1px solid var(--developer-border);border-radius:15px;background:var(--developer-tint)}.liquid-downloads>div{display:flex;align-items:center;gap:10px;min-width:0}.liquid-downloads>div>svg{width:22px;height:22px;flex:0 0 auto;color:var(--developer-accent)}.liquid-downloads>div span{display:grid;gap:2px;min-width:0}.liquid-downloads strong{color:#273340;font-size:13px}.liquid-downloads small{color:#707b86;font-size:13px}.liquid-downloads>span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.liquid-downloads button{display:inline-flex;min-height:34px;align-items:center;gap:5px;border:1px solid var(--developer-border);border-radius:9px;background:#fff;color:var(--developer-accent);font-size:13px;font-weight:800;cursor:pointer}.liquid-downloads button:hover{border-color:var(--developer-accent)}.liquid-downloads button svg{width:13px;height:13px}@media(max-width:900px){.liquid-builder{grid-template-columns:1fr}.liquid-input-panel{border-right:0;border-bottom:1px solid var(--developer-border)}.liquid-empty{min-height:330px}}@media(max-width:620px){.liquid-workspace{margin-top:25px;border-radius:18px}.liquid-input-panel,.liquid-output-panel{padding:20px}.liquid-source{min-height:250px}.liquid-template{min-height:180px}.liquid-field>span{align-items:flex-start;flex-direction:column;gap:3px}.liquid-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.liquid-downloads{align-items:flex-start;flex-direction:column}.liquid-downloads>span{width:100%;justify-content:flex-start}.liquid-output-heading{align-items:flex-start}.liquid-hero-result>strong{font-size:34px}}@media(prefers-reduced-motion:reduce){.liquid-action{transition:none}.liquid-action:hover:not(:disabled){transform:none}}