.colour-shell{max-width:1400px}.colour-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:22px}.colour-card{border:1px solid #e0e6ef;background:#fff;border-radius:20px;padding:26px;min-width:0}.colour-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.colour-top span,.colour-note,#photo-hint{font-size:12px;color:#67758a}.colour-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;margin:14px 0}.colour-card input,.colour-card select{font:inherit;border:1px solid #ccd7e5;border-radius:9px;padding:10px;min-width:0;width:100%;background:white}.colour-card input[type=color]{height:45px;padding:4px}.colour-card input[type=range]{padding:0;accent-color:#2d4dc9}.colour-card button{font:inherit;font-size:12px;font-weight:700;padding:10px 13px;background:#edf2ff;border:1px solid #ced9f1;border-radius:9px;color:#29427f;cursor:pointer}.colour-card button:hover,.colour-card button.selected{background:#294bc6;color:white}.colour-card button:disabled{opacity:.5;cursor:wait}.colour-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:15px 0}.colour-actions a{font-size:13px}.photo-frame{background:#eef2f7;border-radius:14px;overflow:hidden;aspect-ratio:900/560;display:flex;align-items:center}.photo-frame canvas{width:100%;height:auto;display:block;cursor:crosshair;touch-action:pan-y}#colour-swatch{height:150px;border-radius:14px;box-shadow:inset 0 0 0 1px #00000010}.colour-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.colour-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#697c98}#harmonies{display:flex;gap:7px;flex-wrap:wrap}#harmonies button{width:42px;height:42px;border:1px solid #0002;box-shadow:0 2px 5px #0001}#colour-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:20px 0}#colour-board article{border:1px solid #e0e6ef;border-radius:12px;overflow:hidden}#colour-board .chip{height:100px}#colour-board .chip-details{padding:12px}#colour-board h3{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}#colour-board small{display:block;font-size:11px}#colour-board button{margin-top:8px;padding:5px 9px}.colour-board{margin-bottom:22px}#paint-result{padding:20px;border-radius:12px;background:#eef3ff;margin-top:18px}#paint-result:empty{display:none}#paint-result strong{display:block;font-size:30px}#colour-notice:empty{display:none}#colour-notice{padding:14px;background:#e4f2eb;color:#255b40;border-radius:12px;margin-bottom:18px}#colour-notice.bad{background:#ffe6e3;color:#8c282e}.colour-card :focus-visible{outline:3px solid #e2a54d;outline-offset:3px}@media(max-width:800px){.colour-grid{grid-template-columns:1fr}.colour-card{padding:18px}.colour-top h2{font-size:22px}}@media print{.header,.footer,.colour-actions,button,#colour-notice,input[type=file],#paint-form,#harmonies,#photo-hint{display:none!important}.colour-grid{display:block}.colour-card{border:0;padding:15px;break-inside:avoid}.colour-shell{max-width:none}#colour-board{grid-template-columns:repeat(3,1fr)}.chip,#colour-swatch{print-color-adjust:exact;-webkit-print-color-adjust:exact}.photo-frame{max-width:600px}}

html.colour-embedded .header,html.colour-embedded .footer{display:none}html.colour-embedded .hero{padding:24px 0}html.colour-embedded .hero h1{font-size:2.2rem}html.colour-embedded .shell{width:min(100% - 32px,1240px)}