main:has(.tools-page){padding-top:12px}body:has(.tools-page) .desktop-guide{display:none}body:has(.tools-page) .mobile-guide{display:block}body:has(.tools-page) .mobile-guide .assistant-trigger{width:44px;min-width:44px;height:44px;position:static}body:has(.tools-page) .mobile-guide .assistant-trigger .guide-face{width:32px;height:42px}.tools-page{min-width:0;max-width:1480px;margin:0 auto 48px;padding:0}.tools-heading{margin-bottom:12px}.tools-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.tools-heading h1{margin:0 0 6px;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2}.tools-heading:has(.tools-title-row)>p{display:none}.tools-heading p{color:var(--muted);margin:0;font-size:.85rem}.tools-title-row>a{align-items:center;min-height:40px;display:inline-flex}.tools-page a:not(.tool-hub-link):not(.tool-server-card-link):not(.tool-navigation a){text-underline-offset:3px;text-decoration:underline}.tool-navigation{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tool-navigation a{border:1px solid var(--line);background:var(--surface);align-items:center;min-height:40px;padding:8px 16px;font-size:.85rem;text-decoration:none;display:inline-flex}.tool-navigation a[aria-current]{border-color:var(--accent);color:var(--accent-text);background:var(--raised);box-shadow:inset 0 -2px var(--accent)}.tool-navigation a:last-child{margin-left:auto}.tool-page-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:22px;display:grid}.tools-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-hub-link{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);align-items:center;gap:14px;min-height:132px;padding:20px;display:flex}.tool-hub-link>span:nth-child(2){flex:1}.tool-hub-link h2{margin:0 0 6px;font-size:1.1rem}.tool-hub-link p{color:var(--muted);margin:0;font-size:.9rem}.tool-hub-link:hover{background:var(--raised)}.tools-footnote{color:var(--muted);margin:24px 0;font-size:.85rem}.tool-workspace{border:1px solid var(--line);background:var(--surface);min-width:0;padding:18px;font-size:.875rem}.tool-workspace h2{margin:0;font-size:.95rem;line-height:1.3}.tool-workspace label{flex-direction:column;gap:6px;margin:0;font-size:.85rem;display:flex}.tool-workspace label>input,.tool-workspace label>textarea{margin-top:0}.tool-workspace input:not([type=checkbox]):not([type=radio]),.tool-workspace textarea{width:100%;min-width:0;font-size:.875rem}.tool-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]){min-height:40px}.tool-workspace textarea{resize:vertical;min-height:0}.tool-workspace .tool-ready input[type=color]{cursor:pointer;flex:none;width:50px;min-width:50px;height:40px;padding:3px}.gradient-stop-editor>label{white-space:nowrap}.tool-workspace input[type=range]{height:30px;padding:0}.tool-workspace input[type=file]{white-space:normal;height:auto;padding:8px;font-size:.8rem}.tool-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.tool-workspace legend{margin-bottom:8px;padding:0;font-size:.82rem}.tool-workspace button{white-space:normal;min-height:40px;padding:8px 10px;font-size:.8rem}.tool-workspace p{margin:0;font-size:.85rem}.tool-workspace [role=status]:empty{display:none}.tool-workspace button[aria-pressed=true]{outline:2px solid var(--accent-text);outline-offset:1px}.tool-workspace fieldset.tool-ready{border:0;min-width:0;margin:0;padding:0}.tool-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.tool-settings,.tool-result{flex-direction:column;gap:14px;min-width:0;display:flex}.tool-settings>*,.tool-result>*{margin-block:0}.tool-result{border-left:1px solid var(--line);padding-left:24px}.tool-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-actions label{margin:0}.tool-actions a{align-items:center;min-height:40px;font-size:.8rem;display:inline-flex}.tool-small{line-height:1.5;font-size:.75rem!important}.tool-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-formats{flex-wrap:wrap;gap:6px 14px;display:flex}.tool-workspace .tool-formats label{flex-direction:row;align-items:center;gap:6px;min-height:32px;margin:0;font-size:.8rem;display:flex}.tool-formats input[type=checkbox]{width:16px;height:16px;margin:0}.tool-text-preview{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;background:#17191c;border:1px solid #555;min-height:80px;max-height:150px;padding:16px;font-size:1.25rem;line-height:1.6;overflow-y:auto}.tool-placeholder{color:#c7ccd1;font-size:.9rem}.tool-output{gap:10px;display:grid}.tool-output textarea{word-break:break-all;padding:10px;font-family:monospace;font-size:.78rem;line-height:1.45}.tool-output .tool-actions>span{font-size:.75rem}.tool-draft{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.tool-draft button{padding-inline:8px;font-size:.72rem}.tool-choices>div{flex-wrap:wrap;gap:6px;display:flex}.tool-workspace .tool-choices label{position:relative}.tool-choices input{opacity:0;width:1px;height:1px;position:absolute}.tool-choices label span{border:1px solid var(--control-line);background:var(--raised);cursor:pointer;justify-content:center;align-items:center;min-height:40px;padding:8px 10px;font-size:.78rem;display:flex}.tool-choices input:checked+span{border-color:var(--accent-text);color:var(--accent-text);box-shadow:inset 0 -2px var(--accent)}.tool-choices input:focus-visible+span{outline:2px solid var(--accent-text);outline-offset:2px}.tool-choices input:disabled+span{cursor:default;opacity:.6}@media (hover:hover) and (pointer:fine){.tool-choices label:hover input:not(:disabled)+span{border-color:var(--accent-text);background:var(--hover)}}.tool-presets .tool-actions{gap:6px}.tool-presets button{align-items:center;gap:7px;font-size:.72rem;display:flex}.preset-swatch{border:1px solid var(--control-line);width:20px;height:20px;display:inline-block}.gradient-colors{gap:12px;display:grid}.tool-stops{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool-stops li{padding:0}.tool-workspace .gradient-stop{align-items:center;gap:5px;padding:4px 6px;display:flex}.gradient-stop>span{border:1px solid var(--control-line);width:20px;height:28px}.gradient-stop-editor{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gradient-stop-editor>label{flex-direction:row;flex:none;align-items:center;gap:6px}.gradient-stop-editor code{font-size:.72rem}.gradient-stop-editor .tool-actions{gap:6px;margin-left:auto}.gradient-stop-editor .tool-actions button{padding-inline:8px}.motd-line{gap:6px;display:grid}.tool-workspace .motd-line{border-top:1px solid var(--line);padding-top:4px}.tool-workspace .motd-line legend{margin-bottom:4px}.tool-workspace .motd-line .tool-formats label{min-height:28px}@font-face{font-family:Minecraft Preview;src:url(/fonts/minecraft/Minecraft.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Minecraft Preview;src:url(/fonts/minecraft/Minecraft-Bold.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap}.motd-preview{color:#fff;background-color:#191714;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23201d19' d='M0 0h8v4H0zm16 4h12v4H16zM4 12h12v8H4zm20 8h8v8h-8zM8 28h12v4H8z'/%3E%3Cpath fill='%23151210' d='M8 4h8v4H8zM0 24h8v4H0zm20-12h8v4h-8zM12 20h8v4h-8z'/%3E%3C/svg%3E");border:1px solid #555;padding:8px;container-type:inline-size}.motd-server-entry{text-shadow:1px 1px #3f3f3f;background:#000b;border:2px solid gray;align-items:flex-start;gap:8px;padding:4px;font-family:Minecraft Preview,monospace;font-size:16px;font-weight:400;line-height:20px;display:flex;box-shadow:inset 0 0 0 1px #000}.motd-server-icon{width:64px;height:64px;image-rendering:pixelated;flex:none;display:block}.motd-server-content{flex:1;min-width:0}.motd-server-heading{justify-content:space-between;align-items:start;gap:6px;min-height:22px;display:flex}.motd-server-name{white-space:nowrap;overflow:hidden}.motd-server-status{color:#aaa;text-shadow:1px 1px #2a2a2a;flex:none;align-items:start;gap:5px;display:inline-flex}.motd-player-count{white-space:nowrap}.motd-player-count>span{color:#555}.motd-ping{flex:none;margin-top:1px;display:block}.motd-preview .tool-text-preview{white-space:pre;overflow-wrap:normal;height:20px;min-height:20px;max-height:none;font-size:inherit;text-shadow:1px 1px #000;background:0 0;border:0;padding:0;line-height:20px;overflow:hidden}.motd-preview .tool-text-preview>span{text-shadow:1px 1px color-mix(in srgb, currentColor 25%, #000)}.motd-preview .tool-placeholder{font-family:inherit;font-size:inherit}@container (max-width:520px){.motd-server-entry{gap:6px;font-size:12px;line-height:16px}.motd-server-icon{width:48px;height:48px}.motd-server-heading{min-height:16px}.motd-preview .tool-text-preview{height:16px;min-height:16px;line-height:16px}.motd-ping{width:16.5px;height:13.5px}}@container (max-width:300px){.motd-server-entry{gap:4px;font-size:8px;line-height:11px}.motd-server-icon{width:32px;height:32px}.motd-server-heading{gap:4px;min-height:11px}.motd-server-status{gap:3px}.motd-preview .tool-text-preview{height:10px;min-height:10px;line-height:10px}.motd-ping{width:11px;height:9px}}.tool-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.tool-workspace .tool-palette button{min-height:32px;padding:4px}.tool-palette button span{border:1px solid #888;width:100%;height:22px;display:block}.icon-crop-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.icon-crop-controls>label:first-child{grid-column:1/-1}.icon-preview-stage{background:var(--raised);place-items:center;padding:16px;display:grid}.server-icon-preview{width:192px;max-width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--control-line);display:block}.banner-layer-tabs,.symbols-category-tabs,.symbols-group-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.banner-layer-tabs{margin:0;padding:0;list-style:none}.banner-layers{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.banner-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.tool-workspace .banner-palette button{min-width:0;min-height:34px;padding:4px}.banner-palette button span{border:1px solid #888;width:100%;height:24px;display:block}.tool-workspace .banner-layer-tabs button{padding-inline:8px}.banner-layer-tabs{gap:6px}.banner-pattern-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.tool-workspace .banner-pattern-button{align-content:center;justify-items:center;gap:5px;padding:6px 3px;font-size:.64rem;line-height:1.2;display:grid}.banner-pattern-button svg{width:20px;height:36px;display:block}.banner-layer-actions{flex-wrap:wrap;gap:8px;display:flex}.banner-preview{background:var(--raised);justify-content:center;padding:12px;display:flex}.banner-preview svg{image-rendering:pixelated;border:2px solid var(--control-line);width:85px;height:170px}.symbols-picker-grid,.symbol-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.symbols-picker-grid button,.symbol-grid button{flex-direction:column;align-items:center;gap:5px;display:flex}.symbols-picker-grid button span,.symbol-grid button span{font-size:1.6rem}.symbols-picker-grid small,.symbol-grid small{font-size:.67rem;font-weight:400}.symbols-selection{gap:16px;display:grid}.symbols-selection .selected-symbol{text-align:center;font-size:4rem}.banner-layer-dot{border:1px solid var(--control-line);width:10px;height:10px;margin-right:4px;display:inline-block}.tool-workspace .banner-dye{background:var(--raised)}.symbols-picker-grid[data-kind=symbols]{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.symbols-picker-grid[data-kind=symbols] button{justify-content:center;min-height:44px;padding:4px}.symbols-picker-grid[data-kind=symbols] small{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.symbols-picker-grid[data-kind=colors] button{gap:4px;padding:6px}.symbols-picker-grid[data-kind=colors] button>span:not(.color-swatch),.symbols-picker-grid[data-kind=formatting] button>span{font-size:.72rem}.symbols-picker-grid[data-kind=formatting]{grid-template-columns:repeat(3,minmax(0,1fr))}.symbols-selection-preview{border:1px solid var(--line);background:var(--raised);place-items:center;min-height:130px;font-size:4rem;display:grid}.symbols-selected-color{border:1px solid var(--control-line);width:90px;height:90px;display:block}.color-reference{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.color-reference>div{align-items:center;gap:8px;min-width:0;display:flex}.color-swatch{border:1px solid #777;flex:none;width:24px;height:24px}.tool-transfer{gap:12px;display:grid}.tool-copy-status{white-space:pre-wrap;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;font-size:.8rem}.tools-page .faq-accordion{margin-top:32px}@media (min-width:1101px) and (max-height:820px){.banner-preview svg{width:70px;height:140px}}@media (min-width:1101px) and (max-width:1350px){.tool-page-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.tool-editor-grid{gap:18px}.tool-result{padding-left:18px}.tool-workspace{padding:16px}.gradient-stop-editor{gap:6px}.gradient-stop-editor .tool-actions{margin-left:0}}@media (max-width:1100px){.tool-page-layout{grid-template-columns:minmax(0,1fr)}.tool-page-layout>.tool-server-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.tools-page{margin-top:16px;padding:0 12px}.tools-heading p{font-size:.8rem}.tools-title-row{align-items:start}.tool-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tool-navigation a{justify-content:center;min-height:44px;padding:8px 5px;font-size:.75rem}.tool-navigation a:last-child{margin-left:0}.tools-hub,.tool-editor-grid{grid-template-columns:minmax(0,1fr)}.tool-workspace{padding:14px}.tool-settings,.tool-result{gap:18px}.tool-result{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.tool-hub-link{min-height:110px;padding:16px}.tool-workspace button,.tool-choices label span{min-height:44px}.tool-workspace .tool-formats label{min-height:40px}.tool-workspace .tool-palette button,.tool-workspace .banner-palette button{min-height:36px}.tool-text-preview{padding:12px}.tool-actions>button{max-width:100%}.banner-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.symbols-picker-grid[data-kind=symbols]{grid-template-columns:repeat(6,minmax(0,1fr))}.gradient-stop-editor .tool-actions{margin-left:0}.tool-page-layout>.tool-server-rail{grid-template-columns:minmax(0,1fr)}}
