.app{min-height:100vh}.studio{max-width:1120px;margin:auto;padding:48px 24px 70px}.page-heading{margin-bottom:32px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#78805c}.page-heading h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-1.5px;margin-bottom:12px}.page-heading>p:last-child,.customize-panel>p{color:#777867;line-height:1.6}.builder{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.preview-panel{padding:32px;background:#eeeedf;border-radius:20px;text-align:center;position:sticky;top:24px}.preview-panel h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.preview-panel>p:not(.eyebrow){color:#747767;font-size:14px}.price-row{display:flex;justify-content:space-between;border-top:1px solid #d5d8c5;padding:23px 0;margin-top:28px;text-align:left}.price-row strong{font-size:26px}.customize-panel{border:1px solid #e5e1d6;border-radius:20px;padding:32px;background:#fffefa}.customize-panel h2{font-size:24px;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.topping-options legend{font-size:14px;font-weight:600;margin-bottom:12px}.topping-options label{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eeeade;margin:0;font-weight:400}.topping-options span{margin-left:auto;color:#777867}input[type=checkbox]{accent-color:#475638;width:17px;height:17px}.topping-options small{display:block;margin:12px 0 24px}.customize-panel button{width:100%}.notice{border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.error{background:#fff0e8;color:#943f24}.success{background:#eaf1e4;color:#345329}.drink-preview{height:340px;display:flex;align-items:center;justify-content:center}.cup-scene{position:relative;width:160px;height:225px;filter:drop-shadow(0 15px 12px #57614325);transition:transform .25s}.cup-scene.large{transform:scale(1.12)}.tea-cup{position:absolute;inset:0;border:3px solid #ffffffaa;border-radius:10px 10px 40px 40px;overflow:hidden;background:linear-gradient(105deg,#ffffff44,transparent 50%),var(--tea-color);transition:background .25s;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.cup-lid{position:absolute;top:-7px;left:-4px;width:168px;height:16px;border-radius:9px;background:#fffdf3;z-index:3;border:2px solid #d7d4c5}.straw{position:absolute;top:-63px;left:102px;width:13px;height:100px;background:#576743;transform:rotate(10deg);border-radius:3px}.cup-label{position:absolute;top:72px;left:39px;width:76px;height:76px;border-radius:50%;background:#fff8e9e8;padding-top:18px;font-family:Georgia,serif;font-size:22px;line-height:18px;color:#475638;z-index:2}.cup-label small{font-family:sans-serif;font-size:8px;letter-spacing:2px}.ice-cubes{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;padding:18px}.ice-cubes span{width:28px;height:25px;background:#ffffff60;border:1px solid #ffffff77;border-radius:5px;transform:rotate(15deg)}.toppings-art{position:absolute;bottom:8px;left:18px;right:18px}.pearls{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.pearls span{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6a4a32,#2e211c)}.jelly{display:flex;justify-content:center;gap:4px}.jelly span{width:16px;height:15px;background:#302c21;border-radius:2px;transform:rotate(12deg)}.pudding{width:75px;height:27px;background:#f4d375;border-top:6px solid #bc7839;border-radius:15px 15px 5px 5px;margin:0 auto 4px}.steam{position:absolute;top:-45px;left:20px;color:#8a9179;font-size:25px}@media (max-width: 740px){.builder{grid-template-columns:1fr}.preview-panel{position:static}.studio{padding:30px 16px}.customize-panel{padding:24px}.drink-preview{height:290px}}@media (max-width: 380px){.form-grid{grid-template-columns:1fr;gap:0}}.button-link{display:inline-block;background:#475638;color:#fff;padding:13px 20px;border-radius:10px;font-weight:600;font-size:14px}.button-link:hover{background:#344128}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:14px}.tea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tea-card{overflow:hidden;border:1px solid #e5e1d6;border-radius:18px;background:#fffefa}.tea-card .drink-preview{height:270px;background:#eeeedf}.tea-card .cup-scene{scale:.8}.tea-card-body{padding:24px}.tea-card h2{font-family:Georgia,serif;font-size:23px;font-weight:400;overflow-wrap:anywhere}.tea-card p:not(.eyebrow){color:#747767;font-size:14px}.card-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.delete-button{background:transparent;color:#943f24;border:1px solid #e1c9bd;padding:9px 12px;font-size:14px}.delete-button:hover{background:#fff0e8}.card-actions .delete-button{margin-left:auto}.empty-state{background:#eeeedf;border-radius:18px;text-align:center;padding:60px 24px}.detail-heading{margin-top:32px}.detail-heading h1{overflow-wrap:anywhere}.recipe-details{margin:25px 0}.recipe-details>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid #e5e1d6}.recipe-details dt{color:#747767}.recipe-details dd{margin:0;text-align:right}.detail-actions{display:flex;gap:16px;align-items:center}@media (max-width: 950px){.tea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.tea-grid{grid-template-columns:1fr}nav{padding:20px 16px}nav ul{gap:12px}.brand{font-size:24px}}nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e2d5;max-width:1120px;margin:auto;padding:24px}nav ul{display:flex;list-style:none;padding:0;margin:0;gap:20px}.brand{font-family:Georgia,serif;font-size:27px}.brand span{color:#b98a40}nav>ul:last-child{font-size:14px;font-weight:600}:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#393c2c;background:#faf7ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:#475638;color:#fff;border:0;border-radius:10px;padding:15px 20px;font-weight:600}button:hover{background:#344128}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #b27429;outline-offset:3px}h1,h2,p{margin-top:0}input:not([type=checkbox]),select{width:100%;padding:12px;border:1px solid #ddd9cc;border-radius:8px;color:#393c2c;background:#fffefb;margin-top:7px}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:14px;font-weight:600;margin-bottom:20px}small{color:#747767;line-height:1.5}