:root{--ink:#563b49;--muted:#806672;--paper:#fff5f8;--green:#a6446b;--border:#efd8e1}body{background-image:linear-gradient(#e8afc51f 1px,transparent 1px),linear-gradient(90deg,#e8afc51f 1px,transparent 1px);background-size:24px 24px}.header{border-color:#ebcdda}.brand-icon,.brand-dot{color:#b54771}.intro{position:relative;padding-top:32px}.mascot{object-fit:contain;position:absolute;width:150px;height:150px;right:5%;bottom:22px;transform:rotate(6deg);filter:drop-shadow(0 6px 4px #a65b7920)}.draw-panel{background:#f8e0e9;border:1px solid #e7baca;box-shadow:0 5px 0 #ecced9}.primary{box-shadow:0 4px 0 #803454}.primary:hover:not(:disabled){background:#903858}.primary:active:not(:disabled){box-shadow:0 1px 0 #803454}.counter{background:#f1dce5}.finished .counter{background:#eed2df;color:#803454}.empty .swatch{background:#faf0f3;border-color:#e6cbd5}.placeholder-symbol{color:#d5acbe}.color-card{border-color:#e7d0d9;box-shadow:0 6px 0 #eddae36b}.placeholder-number{color:#9b7789}.draw-controls p,.small-label{color:#835b6d}.export-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:24px 0 35px}.soft-button{border:1px solid #dca7bc;background:#fff7fa;color:#88435f;min-height:44px;padding:10px 16px;border-radius:12px;font-size:.875rem}.soft-button:hover:not(:disabled){background:#f6dce7}.soft-button:disabled{opacity:.5;cursor:default}#export-status{font-size:.875rem;color:var(--muted);flex-basis:100%;text-align:right}.inspiration{border-top:1px solid var(--border);padding:28px 0 10px}.inspiration-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.inspiration h2{margin-top:6px}.inspiration-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.875rem}select{font:inherit;background:#fff7fa;border:1px solid #dca7bc;color:var(--ink);border-radius:10px;padding:11px;min-height:44px}#inspiration-status{font-size:.9375rem;color:var(--muted);max-width:760px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-card{margin:0;padding:8px;border:1px solid var(--border);border-radius:14px;background:#fff;min-width:0}.photo-card img{width:100%;height:190px;object-fit:cover;border-radius:8px;display:block}.photo-card figcaption{font-size:.875rem;padding:10px 3px 4px;line-height:1.5;overflow-wrap:anywhere}.photo-card a,.source-note a,.pinterest-link{color:#964465}.photo-chip{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #0002;vertical-align:-2px;margin-right:5px}.source-note{font-size:.8125rem;color:var(--muted)}.pinterest-link{display:inline-block;margin:18px 0 3px;font-size:.9375rem}[hidden]{display:none!important}.note-toggle{position:fixed;bottom:22px;right:24px;z-index:5;border:1px solid #d293ae;background:#a6446b;color:white;border-radius:30px;box-shadow:0 5px 20px #93466730;padding:15px 21px;min-height:48px;font-size:.9375rem}.note-panel{position:fixed;right:24px;bottom:87px;width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);z-index:6;box-shadow:0 14px 40px #6f32483b;border:1px solid #e3b789;border-radius:5px 5px 18px 5px;background:#fff1c8;overflow:auto}.note-handle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffe7af;color:#7a5345;cursor:grab;touch-action:none;font-weight:700;font-size:.9375rem;user-select:none}.note-handle button{border:0;background:transparent;font-size:1.5rem;color:#7a5345;min-width:38px;min-height:38px}.note-panel textarea{display:block;width:100%;height:210px;max-height:50dvh;resize:vertical;border:0;padding:16px;background:repeating-linear-gradient(transparent,transparent 27px,#d9ba7b35 27px,#d9ba7b35 28px);background-position:0 16px;font:1rem/28px "Trebuchet MS",sans-serif;color:#674d43;outline-offset:-4px}.note-panel p{font-size:.75rem;color:#85634f;padding:0 15px 12px;margin:0}footer{padding-bottom:95px}.mascot:hover{transform:rotate(-4deg)}
@media(max-width:1050px){.mascot{width:105px;height:105px;right:0;bottom:28px}.inspiration-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.mascot{position:static;width:85px;height:85px;margin:0 auto 8px;display:block}.intro{padding-top:18px}.export-actions{justify-content:center;margin-top:25px}#export-status{text-align:center}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-card img{height:160px}.inspiration-controls{gap:8px}.inspiration-controls label{width:100%}.note-toggle{right:12px;bottom:12px}.note-panel{right:12px;bottom:76px}.inspiration h2{font-size:1.4rem}.photo-card figcaption{font-size:.8125rem}}
@media(max-width:370px){.inspiration-grid{grid-template-columns:1fr}.photo-card img{height:220px}}
.notes-toolbar{position:fixed;right:12px;bottom:12px;display:flex;gap:8px;z-index:10000;padding:6px;background:#fff1f6;border:1px solid #e7baca;border-radius:16px;box-shadow:0 5px 20px #93466730}.notes-toolbar .soft-button:first-child{background:#a6446b;color:white}.notes-list{position:fixed;right:12px;bottom:85px;width:330px;max-width:calc(100vw - 24px);max-height:55dvh;overflow:auto;background:#fff7fa;border:1px solid #dca7bc;padding:20px;border-radius:16px;z-index:10001;box-shadow:0 8px 25px #93466730}.notes-list h2{font-size:1.3rem}.notes-list p{font-size:.875rem}.note-list-item{display:block;width:100%;text-align:left;border:1px solid #efd8e1;background:#fff;padding:12px;margin:8px 0;border-radius:10px;color:#653b50;overflow-wrap:anywhere}.note-panel{max-height:calc(100dvh - 100px)}@media(max-width:420px){.notes-toolbar{left:8px;right:8px;justify-content:center}.notes-toolbar .soft-button{padding:10px;font-size:.8125rem}.note-panel{width:280px}}