:root{--color-primary: #32a89e;--color-primary-strong: #1d7a72;--color-primary-stronger: #155c56;--color-on-primary: #ffffff;--color-primary-container: #b2ebe7;--color-on-primary-container: #00201e;--color-background: #f0f7f6;--color-surface: #ffffff;--color-surface-variant: #e0f2f0;--color-border: #c9e2df;--color-border-strong: #8fb8b3;--color-text: #13302d;--color-text-muted: #4f6b68;--color-danger: #a83263;--color-danger-strong: #8a2650;--color-danger-container: #fbe3ec;--color-warning-container: #fff4d6;--color-on-warning-container: #5c4300;--color-success-container: #dcf3e4;--color-on-success-container: #14532d;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(0 32 30 / .06), 0 4px 16px rgb(0 32 30 / .06);--shadow-dialog: 0 12px 40px rgb(0 32 30 / .25);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page-width: 56rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--color-background);overflow-wrap:anywhere}main{width:100%;max-width:var(--page-width);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}h1{font-size:1.625rem;line-height:1.25;margin:0 0 var(--space-4);letter-spacing:-.01em}h2{font-size:1.125rem;line-height:1.3;margin:0 0 var(--space-3)}img,video{max-width:100%;height:auto}a{color:var(--color-primary-strong);text-underline-offset:2px}a:hover{color:var(--color-primary-stronger)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.studio-header{position:sticky;top:0;z-index:10;background:var(--color-surface);border-top:4px solid var(--color-primary);border-bottom:1px solid var(--color-border)}.studio-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--page-width);margin:0 auto;padding:var(--space-2) var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.0625rem;color:var(--color-text);text-decoration:none}.brand:hover{color:var(--color-text)}.brand-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:1rem}.brand-sub{font-weight:500;color:var(--color-text-muted)}.studio-nav{display:flex;align-items:center;gap:var(--space-4)}button,input,select,textarea{font:inherit;max-width:100%}button,.action-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary-strong);border-radius:var(--radius-pill);background:var(--color-primary-strong);color:var(--color-on-primary);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}button:hover,.action-link:hover{background:var(--color-primary-stronger);border-color:var(--color-primary-stronger);color:var(--color-on-primary)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--color-surface);color:var(--color-primary-strong);border-color:var(--color-border-strong)}button.secondary:hover{background:var(--color-surface-variant);color:var(--color-primary-stronger)}button.danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}button.danger:hover{background:var(--color-danger-container);color:var(--color-danger-strong)}button.danger-filled{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-primary)}button.danger-filled:hover{background:var(--color-danger-strong);border-color:var(--color-danger-strong)}button.small{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:.9375rem}input,select,textarea{min-height:2.75rem;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}textarea{min-height:5rem;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}label{display:block;font-weight:600;margin-bottom:var(--space-1)}label>input,label>select,label>textarea{margin-top:var(--space-1);font-weight:400}input[type=radio],input[type=checkbox]{width:auto;min-height:0;margin:0;padding:0;accent-color:var(--color-primary)}label:has(>input[type=radio]),label:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:var(--space-2);margin-right:var(--space-4);font-weight:400}.field{display:grid;gap:var(--space-1)}.field>label{margin-bottom:0}.field>input,.field>textarea{font-weight:400}form{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}form>button{justify-self:start}fieldset{margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}legend{padding:0 var(--space-2);font-weight:700}input[type=search]{margin-bottom:var(--space-4)}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.page-head h1{margin:0}main>section,.card{margin:0 0 var(--space-6);padding:var(--space-4) var(--space-4) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.notice{padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary-container);color:var(--color-on-primary-container)}[role=alert]{padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-container);color:var(--color-danger-strong)}main>p[role=status],form p[role=status]{color:var(--color-text-muted)}.guidance{margin:var(--space-1) 0 0;color:var(--color-danger-strong);font-weight:600}.muted{color:var(--color-text-muted)}main ul{list-style:none;padding:0;margin:0 0 var(--space-2)}main ol{padding-left:var(--space-6)}main ul>li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}main ul>li:last-child{border-bottom:0}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.row-main{flex:1 1 14rem;min-width:0}.row-title{font-weight:600}.row-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--color-text-muted);font-size:.9375rem}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}li>form{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-variant)}.recipe-list>li>.row a{font-weight:600;text-decoration:none}.recipe-list>li>.row a:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;padding:.125rem var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-variant);color:var(--color-on-primary-container);font-size:.8125rem;font-weight:600;line-height:1.5}.badge-good{background:var(--color-success-container);color:var(--color-on-success-container)}.badge-wait{background:var(--color-warning-container);color:var(--color-on-warning-container)}.badge-bad{background:var(--color-danger-container);color:var(--color-danger-strong)}dialog{width:min(32rem,calc(100vw - 2rem));padding:var(--space-6);border:0;border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dialog)}dialog::backdrop{background:#00201e73}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.auth-page>main{max-width:26rem;padding:var(--space-8) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.auth-brand{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-page h1{font-size:1.375rem;text-align:center}.auth-page form>button{justify-self:stretch}.back-link{display:inline-block;margin-bottom:var(--space-3);font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.recipe-form{gap:var(--space-3)}fieldset.ingredient{display:grid;grid-template-columns:1fr;gap:0 var(--space-3)}@media(min-width:40rem){fieldset.ingredient{grid-template-columns:1fr 1fr}fieldset.ingredient>.span-2,fieldset.ingredient>.guidance{grid-column:1 / -1}}fieldset.ingredient>label{margin-bottom:var(--space-2)}fieldset>textarea{display:block;margin-bottom:var(--space-2)}.form-footer{display:flex;justify-content:flex-end;padding-top:var(--space-2)}.danger-zone{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.photo-thumb{display:block;width:100%;max-width:20rem;height:auto;margin-bottom:var(--space-2)}.preview-photo{display:block;width:100%;max-width:30rem;aspect-ratio:16 / 9;object-fit:cover}.preview-placeholder rect{fill:var(--color-surface-variant)}.preview-placeholder path,.preview-placeholder circle{fill:var(--color-border-strong)}