:root{--pg-teal:#4e6766;--pg-plum:#6c3a5c;--pg-sage:#9eb37a;--pg-border:#c8d6af;--pg-button:#4a6b30;--pg-bg:#ffffff;--pg-ink:#000000}*{box-sizing:border-box}body{margin:0;background:var(--pg-bg);color:var(--pg-ink);font-family:Lato,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}.studio{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.studio h1{margin:0 0 8px;color:var(--pg-teal);font-weight:700;font-size:2rem;line-height:1.2}.studio .lead{margin:0 0 24px;font-weight:300;font-size:1.125rem}.studio fieldset{border:0;margin:0;padding:0;min-width:0}.field{display:block;margin:0 0 20px}.field>.label,.field>label,.studio legend{display:block;margin:0 0 6px;padding:0;color:var(--pg-plum);font-weight:700}.hint{display:block;margin:0 0 6px;font-size:.875rem;font-weight:300}.studio input[type=text],.studio select,.studio textarea{display:block;width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-bg);color:var(--pg-ink);font:inherit}.studio input[type=file]{display:block;max-width:100%;font:inherit}.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio textarea:focus-visible{outline:3px solid var(--pg-sage);outline-offset:2px}.preview{display:block;max-width:100%;max-height:320px;margin-top:10px;border-radius:6px;border:1px solid var(--pg-border)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:44px;padding:8px 16px;border:1px solid var(--pg-border);border-radius:999px;background:var(--pg-bg);color:var(--pg-ink);font:inherit;cursor:pointer}.chips button[aria-pressed=true]{background:var(--pg-sage);border-color:var(--pg-teal);color:var(--pg-ink);font-weight:700}.primary{display:block;width:100%;min-height:52px;padding:12px 24px;border:0;border-radius:6px;background:var(--pg-button);color:#ffffff;font:inherit;font-weight:700;font-size:1.125rem;cursor:pointer}.primary:disabled{opacity:.5;cursor:not-allowed}@media (min-width:640px){.primary{width:auto;min-width:260px}}.progress{margin-top:20px;padding:16px;border:1px solid var(--pg-border);border-radius:6px}.progress strong{display:block;color:var(--pg-teal)}.error{margin-top:16px;padding:12px 16px;border-left:4px solid var(--pg-plum);background:#f7f1f5}.pair{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.pair{grid-template-columns:1fr 1fr}}.studio figure{margin:0}.studio img{max-width:100%;height:auto}.studio table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.studio td,.studio th{padding:6px 10px;border-bottom:1px solid var(--pg-border);text-align:left}.result h2{margin:28px 0 8px;font-size:1.25rem;font-weight:700}.muted,.result h2{color:var(--pg-teal)}.muted{font-weight:300;font-size:.875rem}.compare{margin:24px 0 0}.compare-box{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px;border:1px solid var(--pg-border);touch-action:pan-y;background:#f4f4f4}.compare-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}.compare-after{clip-path:inset(0 0 0 var(--pos))}.compare-line{top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.5)}.compare-line,.compare-tag{position:absolute;pointer-events:none}.compare-tag{top:8px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-size:.8125rem;font-weight:700}.compare-tag.left{left:8px}.compare-tag.right{right:8px}.compare-box input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-box:focus-within{outline:3px solid var(--pg-sage);outline-offset:2px}.compare figcaption{margin-top:8px}.summary{margin:20px 0 0;font-size:1.0625rem}.zones{margin:0;padding:0;list-style:none}.zones li{padding:8px 0;border-bottom:1px solid var(--pg-border);overflow-wrap:anywhere}.plants{display:grid;gap:8px}.plant-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px;border:1px solid var(--pg-border);border-radius:6px;color:inherit;text-decoration:none}.plant-row:hover{border-color:var(--pg-teal)}.studio .thumb{flex:none;display:block;width:56px;height:56px;object-fit:cover;border:1px solid var(--pg-border);border-radius:4px;background:#fff}.plant-text{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.packs{margin-left:auto;color:var(--pg-teal);font-weight:700;white-space:nowrap}.notes{margin-top:24px;padding:12px 16px;border:1px solid var(--pg-border);border-left:4px solid var(--pg-plum);border-radius:6px;background:#f7f1f5}.notes h2{margin-top:0;color:var(--pg-plum)}.notes ul{margin:0;padding-left:20px}.actions{margin-top:24px}.footer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.share-link{margin-top:12px;font-size:14px}.share-link a{word-break:break-all;color:var(--pg-teal)}.secondary{min-height:44px;padding:8px 20px;border:1px solid var(--pg-teal);border-radius:6px;background:var(--pg-bg);color:var(--pg-teal);font:inherit;font-weight:700;cursor:pointer}.plant-row:focus-visible,.secondary:focus-visible{outline:3px solid var(--pg-sage);outline-offset:2px}.studio--embed{max-width:none;padding:0 16px 16px}.studio--embed h1{margin:0 0 8px;font-size:1.25rem}.studio--embed .lead{display:none}