@font-face{font-family:RGBMinecraft;src:url('./fonts/MinecraftRegular.woff') format('woff');font-display:swap}@font-face{font-family:RGBMinecraft;src:url('./fonts/MinecraftBold.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:RGBMinecraft;src:url('./fonts/MinecraftItalic.woff') format('woff');font-style:italic;font-display:swap}@font-face{font-family:RGBMinecraft;src:url('./fonts/MinecraftBoldItalic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap}
.tc-rgb{--rgb-accent:#a8784e;--rgb-soft:#f6e5cf;--rgb-shadow:0 8px 26px #8b60460a;background:var(--cream);font-size:15px}.rgb-main{max-width:1370px;margin:auto;padding:42px 32px 70px}.rgb-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 35px;padding:0 4px}.rgb-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:13px}.rgb-eyebrow>span{font-size:18px;color:#c59467}.rgb-hero h1{font-size:clamp(34px,4vw,49px);letter-spacing:-1px;line-height:1.15;font-weight:400}.rgb-hero h1>span{background:linear-gradient(100deg,#c98d59,#d17f94 50%,#9b84bf);background-clip:text;-webkit-background-clip:text;color:transparent}.rgb-hero p{color:var(--muted);font-size:16px;margin-top:11px}.hero-swatch{width:170px;height:100px;position:relative;flex-shrink:0;display:grid;place-items:center}.hero-swatch i{position:absolute;width:62px;height:86px;border-radius:18px;border:3px solid var(--paper);box-shadow:0 6px 12px #60472c12;transform:rotate(-18deg) translateX(-40px);background:#efbb8d}.hero-swatch i:nth-child(2){transform:rotate(-6deg) translateX(-13px);background:#d3a9b6}.hero-swatch i:nth-child(3){transform:rotate(7deg) translateX(14px);background:#bba5d3}.hero-swatch i:nth-child(4){transform:rotate(20deg) translateX(43px);background:#a8c6cf}.hero-swatch>span{position:relative;z-index:1;text-align:center;color:#523b37;font-size:27px;font-weight:800;text-shadow:0 1px #fff6;line-height:1}.hero-swatch small{font-size:6px;letter-spacing:1px;white-space:nowrap}.rgb-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px}.rgb-editor,.rgb-results{min-width:0;display:flex;flex-direction:column;gap:22px}.rgb-results{position:sticky;top:24px}.rgb-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--rgb-shadow);min-width:0}.rgb-card h2{font-family:'Outfit',sans-serif;font-size:19px;letter-spacing:-.3px;font-weight:700}.rgb-card h3{font:700 15px 'Outfit',sans-serif;letter-spacing:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.card-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.tc-rgb select,.tc-rgb input:not([type=checkbox]):not([type=range]):not([type=color]),.tc-rgb textarea{color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:400 14px 'Outfit',sans-serif;min-width:0;max-width:100%;outline:none;box-shadow:none}.tc-rgb select:focus-visible,.tc-rgb input:focus-visible,.tc-rgb textarea:focus-visible{outline:2px solid #ba99cc;outline-offset:2px}.tc-rgb select{cursor:pointer;padding-right:30px}.tc-rgb textarea{resize:vertical;width:100%;line-height:1.65;display:block}.tc-rgb #input-text{font-size:23px;min-height:100px;line-height:1.55}.text-tools{display:flex;flex-wrap:wrap;align-items:end;gap:13px;margin:15px 0 8px}.font-select{display:grid;gap:5px;font-size:11px;color:var(--muted);flex:1 1 150px}.font-select select{width:100%}.format-buttons{display:flex;gap:4px}.format-buttons button{height:38px;min-width:32px;border-radius:8px;font-size:16px;border:1px solid transparent}.format-buttons button:hover,.color-actions button:hover,.quiet-button:hover{background:var(--rgb-soft)}.format-buttons button[aria-pressed=true]{background:var(--rgb-soft);border-color:#d0b494}.tc-rgb .quiet-button{border-radius:8px;padding:9px 6px;font-size:12px;color:var(--muted);white-space:nowrap}.field-hint{color:var(--muted);font-size:12px;line-height:1.65;margin-top:8px}.controls-card{padding:0;overflow:hidden}.rgb-tabs{display:flex;padding:9px;gap:4px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--cream),transparent 20%)}.rgb-tabs button{flex:1;padding:12px 8px;border-radius:12px;color:var(--muted);font-weight:600;font-size:14px}.rgb-tabs button[aria-selected=true]{color:var(--ink);background:var(--paper);box-shadow:0 2px 7px #5e3b2010}.rgb-tabs button:hover{color:var(--ink)}.tab-panel{padding:25px}.tab-panel[hidden],.tc-rgb [hidden]{display:none!important}.compact-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.compact-label select{font-size:12px;padding:7px 27px 7px 9px}.gradient-map{height:35px;border-radius:12px;position:relative;margin:30px 11px 20px;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px #0000000a}.stop-handle{position:absolute;left:0;top:16px;transform:translateX(-50%);border:3px solid var(--paper);width:22px;height:28px;border-radius:7px;background:var(--stop-color);box-shadow:0 2px 6px #0004;cursor:ew-resize;touch-action:none;padding:0}.stop-handle:focus-visible{outline-offset:4px}.stop-list{display:grid;gap:10px;margin:19px 0 13px}.stop-row{display:grid;grid-template-columns:34px minmax(80px,1fr) 66px 12px 25px 25px 30px;align-items:center;gap:6px}.stop-row input[type=color]{border:0;border-radius:9px;padding:0;width:34px;height:36px;background:none;cursor:pointer}.stop-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.stop-row input[type=color]::-webkit-color-swatch{border:1px solid #0001;border-radius:9px}.stop-row input.hex{font-family:monospace!important;font-size:13px!important;text-transform:uppercase}.stop-row input[type=number]{padding:10px 6px!important;width:66px;text-align:center}.stop-row>span{font-size:12px;color:var(--muted)}.stop-row button{font-size:17px;color:var(--muted);padding:5px 0;border-radius:6px}.stop-row button:hover{background:var(--rgb-soft);color:var(--ink)}.tc-rgb .add-stop{border:1px dashed #c9b5a3;background:var(--cream);border-radius:10px;width:100%;padding:11px;color:var(--muted);font-size:13px}.add-stop:hover{border-color:var(--brown);color:var(--ink)}.color-actions{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 9px}.color-actions button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;font-size:12px}.rgb-details{border-top:1px solid var(--line);padding:15px 0 0;margin-top:20px}.rgb-details summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--muted);list-style:none;display:flex;justify-content:space-between}.rgb-details summary:after{content:'+';font-size:18px;line-height:1}.rgb-details[open] summary:after{content:'−'}.rgb-details[open] summary{margin-bottom:15px;color:var(--ink)}.check-row{display:flex;align-items:center;gap:10px;line-height:1.5;font-size:14px;margin-top:18px;cursor:pointer}.check-row input{accent-color:#a47a58;width:16px;height:16px;margin:0;flex-shrink:0}.field{display:grid;gap:7px;margin-top:19px;font-size:13px;font-weight:600}.field input,.field textarea,.field select{width:100%}.field small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tc-rgb code{font-family:monospace;background:var(--cream);border-radius:3px;font-size:12px}.field input[type=range]{accent-color:#ac8160;min-height:39px;width:100%}.custom-format{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.reset-studio{margin-top:22px}.live-label{display:flex;gap:6px;align-items:center}.live-label i{width:6px;height:6px;background:#8aa77c;border-radius:50%;box-shadow:0 0 0 3px #8aa77c13}.preview-card select,.output-card select{width:100%}.preview-scene{border-radius:13px;min-height:172px;margin:18px 0 10px;padding:30px 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(ellipse at 40% 0,#4b3e46,#282327);overflow:hidden;position:relative;color:#fff;gap:10px;line-height:1.6;border:1px solid #ffffff0a}.mc-text{font-family:RGBMinecraft,monospace;font-size:var(--preview-size,26px);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;position:relative;max-width:100%;z-index:1;letter-spacing:0;font-synthesis:none}.mc-text span{white-space:pre-wrap}.preview-scene .scene-before,.preview-scene .scene-after{font:14px RGBMinecraft,monospace;color:#b7b5b2;max-width:100%;white-space:pre-wrap;position:relative;z-index:1}.preview-scene.light-preview{background:#f3e9da;color:#493a31}.context-chat{background:linear-gradient(150deg,#4d6543,#2c3c30 60%,#887d5d);align-items:stretch;justify-content:flex-end;padding:55px 15px 18px}.context-chat .mc-text{text-align:left;padding:8px 12px;background:#0008;font-size:min(var(--preview-size),24px)}.context-chat .scene-before{padding:6px 12px;background:#0008;font-size:12px}.context-motd{align-items:start;background:#272222;padding:26px 22px}.context-motd .scene-before{font-size:17px}.context-motd .mc-text{text-align:left;max-width:85%}.context-motd:after{content:'▂▄▆█';position:absolute;right:15px;top:25px;color:#86b16e;font-size:14px}.context-tab-header,.context-tab-footer,.context-tab-player{background:linear-gradient(140deg,#608a9c,#3b6c68 50%,#3c6440);padding:22px}.context-tab-header .scene-after,.context-tab-footer .scene-before,.context-tab-player .scene-before,.context-tab-player .scene-after{padding:8px 16px;background:#0007;line-height:2}.context-tab-header .mc-text,.context-tab-footer .mc-text,.context-tab-player .mc-text{background:#0007;padding:2px 16px}.context-chest{background:#c6c6c6;align-items:stretch;padding:18px;border:4px solid;border-color:#fff #555 #555 #fff}.context-chest .mc-text{color:#404040;text-align:left;font-size:min(var(--preview-size),22px)}.context-chest .scene-after{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.context-chest .scene-after i{aspect-ratio:1;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737}.context-item-name,.context-item-lore{background:#3e3e3e;align-items:start;padding:26px}.context-item-name .mc-text,.context-item-lore .mc-text{font-size:min(var(--preview-size),23px);text-align:left;background:#100010f0;padding:6px 12px;box-shadow:0 0 0 2px #2c0870;min-width:130px}.context-item-name .scene-after,.context-item-lore .scene-before{background:#100010f0;padding:4px 12px;color:#bbb}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;line-height:1.6}.preview-caption button{font-size:22px;padding:0 4px}.tc-rgb #output{font:12px/1.85 monospace;min-height:132px;margin-top:15px;word-break:break-all;overflow-wrap:anywhere}.output-actions{display:flex;gap:10px;margin-top:20px}.rgb-button,.secondary-button{padding:12px 17px;border-radius:11px;font-size:13px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:20px;line-height:1.4;cursor:pointer}.rgb-button{background:var(--brown);color:#fff7ec;border:1px solid var(--brown)}.rgb-button:hover{filter:brightness(1.1)}.secondary-button{border:1px solid var(--line);background:var(--cream);color:var(--ink)}.secondary-button:hover{background:var(--rgb-soft)}.output-actions>.rgb-button{flex:1}.output-actions>.secondary-button{flex:1}.rgb-footnote{font-size:11px;line-height:1.8;color:var(--muted);padding:0 10px;text-align:center}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.soft-badge{border-radius:20px;background:var(--lavender);color:#785881!important;padding:4px 9px;font-size:10px!important}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.preset-tile{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:left;overflow:hidden}.preset-tile:hover{border-color:#ad88bd;background:var(--cream)}.preset-swatch{height:28px;border-radius:7px;margin-bottom:9px}.preset-tile strong{font-size:12px;display:block}.preset-tile small{font-size:10px;color:var(--muted)}.save-preset-row{display:flex;gap:8px;margin-top:24px}.save-preset-row input{flex:1;width:0}.save-preset-row .rgb-button{padding:10px 12px}.saved-heading{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.saved-heading select{font-size:11px;max-width:135px}.saved-preset{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:8px}.saved-preset .saved-color{width:30px;height:30px;border-radius:7px;flex-shrink:0}.saved-preset .load-preset{flex:1;text-align:left;font-size:13px;overflow-wrap:anywhere}.saved-preset .delete-preset{font-size:19px;color:var(--muted);padding:2px 6px}.saved-presets>.empty{font-size:12px;color:var(--muted);padding:8px 0}.upload-label{margin:0}.space-compare{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:14px;width:100%;font-size:12px;color:var(--muted);padding:7px 0}.space-compare>i{height:19px;border-radius:6px}.rgb-footer{border-top:1px solid var(--line);padding:30px!important;text-align:center;background:var(--paper);color:var(--muted);font-size:13px}.rgb-footer p{max-width:none!important;margin:0 0 10px!important}.rgb-footer nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:16px 0}.rgb-footer a{color:inherit;text-decoration:none}.rgb-footer a:hover{text-decoration:underline}.rgb-credit{font-size:11px!important;line-height:1.8}.rgb-footer .rgb-credit a{text-decoration:underline;text-underline-offset:3px}.rgb-footer span{color:#c4a271;padding:0 6px}#rgb-notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;border-radius:13px;background:var(--ink);color:var(--paper);padding:15px 22px;z-index:10000;box-shadow:0 6px 30px #0002;max-width:calc(100% - 30px);font-size:14px;transition:opacity .18s,transform .18s}#rgb-notice.visible{opacity:1;transform:translate(-50%,0)}
[data-theme=dark] .tc-rgb{--rgb-accent:#dcad82;--rgb-soft:#45332e;--rgb-shadow:0 8px 30px #00000015}[data-theme=dark] .rgb-hero h1>span{background-image:linear-gradient(100deg,#f2c287,#e1a2bd,#b8a7e0)}[data-theme=dark] .hero-swatch{opacity:.85}[data-theme=dark] .rgb-button{color:#251c17;background:#e1b48f;border-color:#e1b48f}[data-theme=dark] .soft-badge{background:#463b52}[data-theme=dark] .stop-handle{border-color:#332a2d}[data-theme=dark] .format-buttons button[aria-pressed=true]{border-color:#9b7964}[data-theme=dark] .rgb-tabs{background:#211d20}
@media(min-width:1600px){.rgb-main{padding-top:50px}}@media(max-width:1020px){.rgb-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px}.rgb-main{padding:30px 20px 50px}.rgb-card,.tab-panel{padding:20px}.controls-card{padding:0}.text-tools{gap:7px}.rgb-button,.secondary-button{padding:11px 12px;gap:10px}.stop-row{grid-template-columns:30px minmax(65px,1fr) 56px 9px 22px 22px 25px;gap:4px}.stop-row input[type=number]{width:56px}.stop-row input[type=color]{width:30px}.rgb-tabs button{padding:11px 6px;font-size:13px}}@media(max-width:760px){.rgb-workspace{grid-template-columns:1fr}.rgb-results{position:static;gap:18px}.rgb-main{padding:27px 16px 40px}.rgb-hero{margin-bottom:25px;gap:10px}.rgb-hero h1{font-size:35px;max-width:290px}.rgb-hero p{font-size:14px;max-width:280px}.hero-swatch{transform:scale(.75);width:105px;margin-right:0}.rgb-eyebrow{font-size:10px;letter-spacing:1.4px}.rgb-editor{gap:18px}.rgb-card{border-radius:18px}.preview-scene{min-height:155px}.tc-rgb #input-text{font-size:21px}.rgb-footer{padding:25px 16px!important}.rgb-tabs{padding:7px}.preset-grid{gap:10px}}@media(max-width:400px){.hero-swatch{display:none}.rgb-hero h1{max-width:none;font-size:34px}.rgb-card,.tab-panel{padding:17px}.controls-card{padding:0}.card-heading>span{font-size:10px}.stop-row{grid-template-columns:28px minmax(65px,1fr) 53px 8px 19px 19px 23px}.stop-row input[type=number]{width:53px}.field-grid{grid-template-columns:1fr}.text-tools .quiet-button{padding-left:0}}
.tc-rgb .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(prefers-reduced-motion:reduce){#rgb-notice{transition:none}}

/* Keep the introduction beside the artwork and the tools directly beneath it. */
.rgb-hero h1{font-size:clamp(26px,2.5vw,34px);line-height:1.15;margin:0}
.rgb-hero p{font-size:14px;margin:8px 0 0}
.rgb-hero{margin-bottom:16px}
@media(min-width:901px){
 .rgb-main{position:relative}
 .rgb-hero{position:absolute;bottom:100%;left:32px;right:32px;margin:0 0 12px;padding:0;gap:0;min-height:86px}
 .rgb-hero>div:first-child{width:calc(50% - 200px);max-width:400px}
 .rgb-hero .hero-swatch{width:150px;height:86px}
}
@media(min-width:901px) and (max-width:1020px){
 .rgb-hero{left:20px;right:20px}
 .rgb-hero>div:first-child{width:calc(50% - 180px)}
}
@media(max-width:900px){
 .rgb-hero h1{font-size:28px}
 .rgb-hero p{font-size:14px}
 .rgb-hero .hero-swatch{height:86px}
}