.page-header{text-align:center;margin-bottom:2rem}.tool-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;letter-spacing:.08em;margin-bottom:.5rem}.page-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem;letter-spacing:.05em}@media(min-width:768px){.page-title{font-size:1.875rem}}:root.dark .page-title{color:var(--text-primary)}.page-subtitle{color:var(--text-muted);font-size:.9rem}:root.dark .page-subtitle{color:var(--text-muted)}.tasting-page{max-width:1280px!important}.tasting-app{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.tasting-app{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}}.panel{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 12px var(--shadow);padding:1.25rem}@media(min-width:768px){.panel{padding:2rem}}:root.dark .panel{background-color:var(--bg-card);border-color:var(--border);box-shadow:0 2px 12px var(--shadow)}.panel-title{font-family:var(--font-base);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:1rem}@media(min-width:768px){.panel-title{font-size:.85rem;margin-bottom:1.1rem}}:root.dark .panel-title{color:var(--text-muted)}.section-divider{height:1px;background:var(--border-light);margin:1.25rem 0}:root.dark .section-divider{background:var(--border)}.section-hint{font-size:.78rem;color:var(--text-muted);margin:-.5rem 0 1rem;line-height:1.5}@media(min-width:768px){.section-hint{font-size:.85rem}}:root.dark .section-hint{color:var(--text-muted)}.optional-badge{display:inline-block;font-size:.6rem;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-light);padding:.05rem .35rem;border-radius:4px;vertical-align:middle;margin-left:.25rem;letter-spacing:.02em}@media(min-width:768px){.optional-badge{font-size:.65rem;padding:.08rem .4rem}}:root.dark .optional-badge{color:var(--text-muted);background:var(--bg-secondary);border-color:var(--border)}.type-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:1rem}.type-tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .25rem;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s;font-family:var(--font-base);font-size:.72rem;color:var(--text-muted)}.type-tab .tab-icon{font-size:1.1rem}@media(min-width:768px){.type-tab{padding:.6rem .35rem;font-size:.8rem}.type-tab .tab-icon{font-size:1.3rem}}.type-tab:hover{border-color:var(--accent);color:var(--text-primary)}.type-tab.active{border-color:var(--accent);background:#2d67480f;color:var(--accent)}:root.dark .type-tab{background:var(--bg-secondary);border-color:var(--border);color:var(--text-muted)}:root.dark .type-tab:hover{border-color:var(--accent);color:var(--text-primary)}:root.dark .type-tab.active{border-color:var(--accent);background:#6bb38a1a;color:var(--accent)}.form-group{margin-bottom:.875rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.35rem}@media(min-width:768px){.form-group label{font-size:.875rem;margin-bottom:.4rem}}:root.dark .form-group label{color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:.6rem .75rem;border:1px solid var(--border-light);border-radius:8px;font-family:var(--font-base);font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}@media(min-width:768px){.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{font-size:.95rem;padding:.65rem .85rem}}.form-group textarea{resize:vertical;min-height:60px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d67481a}:root.dark .form-group input[type=text],:root.dark .form-group input[type=number],:root.dark .form-group input[type=date],:root.dark .form-group textarea,:root.dark .form-group select{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}:root.dark .form-group input:focus,:root.dark .form-group textarea:focus,:root.dark .form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6bb38a26}.type-fields{display:none}.type-fields.active{display:block}.star-rating{display:flex;gap:.25rem}.star-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--border-light);transition:color .15s;padding:0;line-height:1}@media(min-width:768px){.star-btn{font-size:1.75rem}}.star-btn.active,.star-btn:hover{color:#f59e0b}:root.dark .star-btn{color:var(--border)}:root.dark .star-btn.active{color:#f59e0b}.slider-group{margin-bottom:.75rem}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.slider-header label{font-size:.78rem;color:var(--text-secondary)}@media(min-width:768px){.slider-header label{font-size:.85rem}}:root.dark .slider-header label{color:var(--text-secondary)}.slider-header span{font-size:.75rem;color:var(--text-muted);font-weight:500}@media(min-width:768px){.slider-header span{font-size:.82rem}}.slider-group input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-light);border-radius:2px;outline:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0003}:root.dark .slider-group input[type=range]{background:var(--border)}.upload-area{border:2px dashed var(--border-light);border-radius:10px;padding:1.25rem;text-align:center;color:var(--text-muted);cursor:pointer;background:var(--bg-primary);transition:all .2s;margin-bottom:.5rem}.upload-area:hover,.upload-area.dragover{border-color:var(--accent);color:var(--accent);background:#2d674808}:root.dark .upload-area{background:var(--bg-secondary);border-color:var(--border);color:var(--text-muted)}:root.dark .upload-area:hover,:root.dark .upload-area.dragover{border-color:var(--accent);color:var(--accent)}.upload-icon{display:flex;justify-content:center;margin-top:.25rem;color:var(--text-muted)}.upload-text{font-size:.8rem;line-height:1.4}@media(min-width:768px){.upload-text{font-size:.875rem}}.file-input{display:none}.btn-clear-bg{width:100%;padding:.4rem;font-size:.78rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s;font-family:var(--font-base)}.btn-clear-bg:hover{border-color:#c0392b;color:#c0392b}:root.dark .btn-clear-bg{border-color:var(--border);color:var(--text-muted)}.preview-column{display:flex;flex-direction:column}@media(min-width:768px){.preview-column{position:sticky;top:1rem;align-self:start}}.preview-area{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-light);border-radius:12px;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;margin-bottom:1rem;overflow:hidden;padding:.75rem}:root.dark .preview-area{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-color:var(--border)}.preview-placeholder{color:var(--text-muted);font-size:.85rem;text-align:center}:root.dark .preview-placeholder{color:var(--text-muted)}#tasting-canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px}.btn-group{display:flex;gap:.75rem}.tasting-page .btn{flex:1;padding:.7rem 1rem;font-family:var(--font-base);font-size:.85rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.03em}.tasting-page .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;box-shadow:0 2px 8px #2d674840}.tasting-page .btn-primary:hover{box-shadow:0 4px 16px #2d674859;transform:translateY(-1px)}.tasting-page .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.tasting-page .btn-secondary:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}:root.dark .tasting-page .btn-primary{box-shadow:0 2px 8px #6bb38a33}:root.dark .tasting-page .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}:root.dark .tasting-page .btn-secondary:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.tasting-page .btn-share{flex:1;padding:.7rem 1rem;font-family:var(--font-base);font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.03em;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.tasting-page .btn-share:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}:root.dark .tasting-page .btn-share{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}:root.dark .tasting-page .btn-share:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.tasting-page .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.tasting-page .btn-share:disabled{opacity:.4;cursor:not-allowed;transform:none}.tasting-page .btn-share:disabled:hover{transform:none;background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-secondary)}.blog-link{text-align:center;margin-top:2rem}.blog-link a{color:var(--accent);font-size:.85rem;text-decoration:none;padding:.5rem 1rem;border-radius:20px;background:var(--bg-secondary);transition:all .2s}.blog-link a:hover{background:var(--accent);color:#fff}:root.dark .blog-link a{background:var(--bg-secondary);color:var(--accent)}:root.dark .blog-link a:hover{background:var(--accent);color:#fff}.fab-preview{display:none;position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;align-items:center;gap:.35rem;padding:.6rem 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border:none;border-radius:50px;box-shadow:0 4px 16px #2d674859;cursor:pointer;font-family:var(--font-base);font-size:.78rem;font-weight:600;letter-spacing:.03em;transition:all .2s}.fab-preview:active{transform:scale(.95)}.fab-preview svg{flex-shrink:0}@media(max-width:767px){.fab-preview{display:flex}}:root.dark .fab-preview{box-shadow:0 4px 16px #6bb38a40}