.jtp-editor{margin:28px 0;background:#fff;border:1px solid #e1e4ec;border-radius:22px;padding:26px}.jtp-editor h2{font-size:23px}.jtp-editor p,.jtp-preset p{font-size:13px;line-height:1.8;color:#697281}.jtp-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:22px 0}.jtp-slot{min-width:0}.jtp-slot label{display:block;font-size:12px;margin:8px 0}.jtp-slot input[type=color]{width:100%;height:115px;padding:4px;border:1px solid #e2e4e9;border-radius:12px;background:#fff;cursor:pointer}.jtp-slot input[type=text]{width:100%;border:1px solid #dcdfe7;border-radius:8px;padding:10px 7px;font-family:monospace;font-size:13px}.jtp-slot input[aria-invalid=true]{border-color:#b22222}.jtp-editor button,.jtp-preset button{min-height:40px;border:1px solid #dcd6e5;border-radius:9px;background:#f8f5fc;padding:8px 12px;color:#64507f;cursor:pointer;font-size:13px}.jtp-slot button{width:100%;margin-top:8px}.jtp-editor button:disabled{opacity:.45;cursor:default}.jtp-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 23px}#palette-copy{background:#64507f;color:white}.jtp-editor>label{font-size:12px;font-weight:700}.jtp-editor textarea{display:block;width:100%;resize:vertical;margin-top:8px;padding:12px;border:1px solid #dcdfe7;border-radius:8px;background:#fafbfc;color:#384050;font:13px/1.8 monospace}#palette-message{min-height:24px;color:#64507f}.jtp-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.jtp-preset{border:1px solid #e0e3e9;border-radius:18px;overflow:hidden;background:#fff}.jtp-strip{display:flex;height:145px}.jtp-strip span{flex:1}.jtp-preset-copy{padding:22px}.jtp-preset h3{margin:0;font-size:18px}.jtp-hexes{display:flex;flex-wrap:wrap;gap:6px 12px}.jtp-hexes code{font-size:11px}.jtp-use{margin-top:10px}@media(max-width:520px){.jtp-editor{padding:18px}.jtp-presets{grid-template-columns:1fr}.jtp-strip{height:120px}.jtp-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.jtp-preset-copy{padding:18px}}
/* Stacked four-color swatch cards distinguish palettes from dictionary tiles. */
.jtp-hero-art{position:relative;flex:0 0 240px;width:240px;height:225px;margin:0 8px}
.jtp-art-card{position:absolute;display:flex;width:216px;height:104px;padding:10px 10px 24px;background:#fff;border:1px solid #e8e3ee;border-radius:13px;box-shadow:0 12px 26px #4b365819}
.jtp-art-card span{flex:1;min-width:0}.jtp-art-card span:first-child{border-radius:5px 0 0 5px}.jtp-art-card span:last-child{border-radius:0 5px 5px 0}
.jtp-art-card--forest{top:8px;left:1px;transform:rotate(-12deg)}
.jtp-art-card--forest span:nth-child(1){background:#006400}.jtp-art-card--forest span:nth-child(2){background:#2E8B57}.jtp-art-card--forest span:nth-child(3){background:#98FB98}.jtp-art-card--forest span:nth-child(4){background:#F5F5DC}
.jtp-art-card--sunset{top:65px;left:23px;transform:rotate(9deg)}
.jtp-art-card--sunset span:nth-child(1){background:#FF7F50}.jtp-art-card--sunset span:nth-child(2){background:#FA8072}.jtp-art-card--sunset span:nth-child(3){background:#FFDAB9}.jtp-art-card--sunset span:nth-child(4){background:#FFFFF0}
.jtp-art-card--lavender{top:122px;left:0;transform:rotate(-5deg)}
.jtp-art-card--lavender span:nth-child(1){background:#663399}.jtp-art-card--lavender span:nth-child(2){background:#DDA0DD}.jtp-art-card--lavender span:nth-child(3){background:#E6E6FA}.jtp-art-card--lavender span:nth-child(4){background:#FFFFF0}
@media(min-width:521px) and (max-width:760px){.jtp-hero-art{flex-basis:180px;width:180px;height:195px;margin:0}.jtp-art-card{width:158px;height:90px}.jtp-art-card--sunset{top:54px;left:14px}.jtp-art-card--lavender{top:106px}}
@media(max-width:520px){.jtp-hero-art{margin:26px auto 4px;width:240px;height:230px;max-width:100%}}