.recipes-page{min-width:0}.recipes-page .page-title{gap:20px}.recipes-page .page-title>.primary-button{flex-shrink:0}.recipe-toolbar{align-items:center;gap:12px;margin:0 0 20px;display:flex}.recipe-search{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--teal);border-radius:15px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex}.recipe-search input{width:100%;min-width:0;height:49px;color:var(--ink);background:0 0;border:0;outline:none}.recipe-search:focus-within{outline:2px solid var(--teal);outline-offset:2px}.recipe-sort select{border:1px solid var(--line);background:var(--surface);height:49px;color:var(--ink);border-radius:14px;padding:0 34px 0 12px}.recipe-toolbar>.icon-button{flex-shrink:0}.recipe-categories{flex-wrap:wrap;gap:9px;margin-bottom:22px;display:flex}.recipe-categories button{border:1px solid var(--line);background:var(--surface);border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:750;display:inline-flex}.recipe-categories small{background:var(--surface-2);min-width:21px;color:var(--muted);border-radius:7px;padding:3px 5px;font-size:11px}.recipe-categories button[aria-pressed=true]{background:var(--accent-button,var(--teal));border-color:var(--teal);color:#fff}.recipe-categories button[aria-pressed=true] small{color:#fff;background:#ffffff2b}.recipe-result-count{color:var(--muted);margin-bottom:13px;font-size:12px}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.recipe-card{text-align:left;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:21px;flex-direction:column;padding:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.recipe-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.recipe-card-photo{aspect-ratio:16/11;background:var(--surface-2);width:100%;display:block;position:relative;overflow:hidden}.recipe-card-photo>img{object-fit:cover;width:100%;height:100%}.recipe-category-badge{color:var(--ink);background:#fffdf9f2;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:750;position:absolute;top:12px;left:12px}.recipe-photo-placeholder{background:#edf1e3;flex-direction:column;justify-content:center;align-items:center;gap:11px;width:100%;height:100%;display:flex}.recipe-photo-placeholder>span{font-size:56px;line-height:1.2}.recipe-photo-placeholder small{color:#4c6460;letter-spacing:.035em;font-size:11px}.recipe-tone-main{background:#f4e8d6}.recipe-tone-dessert{background:#f2e3e7}.recipe-tone-aperitif{background:#e5ece0}.recipe-card-content{flex-direction:column;flex:1;gap:14px;width:100%;padding:20px;display:flex}.recipe-card-title{color:var(--ink);overflow-wrap:anywhere;font-family:Georgia,serif;font-size:23px;font-weight:500;line-height:1.2}.recipe-meta{color:#5d706f;flex-wrap:wrap;align-items:center;gap:10px 17px;font-size:12px;display:flex}.recipe-meta>span{align-items:center;gap:6px;display:inline-flex}.recipe-meta svg{color:var(--teal);flex-shrink:0}.recipe-card-author{border-top:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;margin-top:auto;padding-top:13px;font-size:11px}.recipe-card-loading{color:var(--teal);background:#fffdf9a6;place-items:center;display:grid;position:absolute;inset:0}.recipe-empty{text-align:center;background:#fffdf9;border:1px dashed #d3dcd2;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:50px 22px;display:flex}.recipe-empty-icon{background:var(--teal-soft);width:78px;height:78px;color:var(--teal);border-radius:25px;place-items:center;margin-bottom:4px;display:grid}.recipe-empty h2{margin:0;font-family:Georgia,serif;font-size:29px;font-weight:500}.recipe-empty>p{max-width:420px;color:var(--muted);line-height:1.6}.recipe-load-error{color:#853d30;background:#fff7f4;border:1px solid #efc7c0;border-radius:18px;align-items:center;gap:15px;padding:20px;display:flex}.recipe-load-error p{margin:5px 0 0;font-size:13px}.recipe-load-error>div{flex:1}.recipe-visually-hidden,.recipe-file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recipe-dialog{border:1px solid var(--line);width:min(900px,100vw - 32px);max-width:none;max-height:min(94dvh,960px);color:var(--ink);background:var(--surface);border-radius:24px;padding:0;overflow:hidden;box-shadow:0 25px 100px #00000040}.recipe-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08272ba6}.recipe-dialog[open]{display:flex}.recipe-dialog-layout{width:100%;min-height:0;max-height:inherit;flex-direction:column;display:flex}.recipe-dialog-heading{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 26px;display:flex}.recipe-dialog-heading>div{min-width:0}.recipe-dialog-heading .icon-button{flex-shrink:0}.recipe-dialog-heading h2{overflow-wrap:anywhere;margin:0;font-family:Georgia,serif;font-size:30px;font-weight:500;line-height:1.2}.recipe-dialog-heading .eyebrow{font-size:10px}.recipe-dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;min-height:0;padding:24px 26px;overflow-y:auto}.recipe-dialog-footer{border-top:1px solid var(--line);background:var(--surface);flex:none;padding:14px 26px}.recipe-dialog-footer>div{justify-content:flex-end;align-items:center;gap:9px;display:flex}.recipe-dialog-footer button{min-height:44px;font-size:13px}.recipe-fields{border:0;gap:23px;min-width:0;margin:0;padding:0;display:grid}.recipe-fields label{color:#4d6265;gap:7px;min-width:0;font-size:12px;font-weight:700;display:grid}.recipe-fields input:not([type=file]),.recipe-fields select,.recipe-fields textarea{width:100%;min-width:0;min-height:45px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8ded8;border-radius:11px;padding:10px 12px;font-size:15px;font-weight:400}.recipe-fields textarea{resize:vertical;line-height:1.5}.recipe-fields input:focus-visible,.recipe-fields select:focus-visible,.recipe-fields textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.recipe-form-hint{color:var(--muted);margin:0;font-size:12px}.recipe-form-intro{grid-template-columns:200px minmax(0,1fr);gap:24px;display:grid}.recipe-upload{flex-direction:column;align-items:stretch;gap:8px;min-width:0;display:flex}.recipe-upload-preview{background:var(--surface-2);border-radius:13px;height:155px;overflow:hidden}.recipe-upload-preview img{object-fit:cover;width:100%;height:100%}.recipe-upload-preview>span{color:#728580;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.recipe-upload-preview small{text-align:center;padding:0 15px}.recipe-upload>small{color:var(--muted);text-align:center;font-size:10px}.recipe-form-basics{align-content:start;gap:17px;display:grid}.recipe-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.recipe-form-section{border-top:1px solid var(--line);padding-top:22px}.recipe-form-section h3{margin:0 0 7px;font-family:Georgia,serif;font-size:23px;font-weight:500}.recipe-form-section>p{color:var(--muted);font-size:12px;line-height:1.5}.recipe-ingredient-fields,.recipe-step-fields{gap:10px;margin-bottom:12px;display:grid}.recipe-ingredient-row{grid-template-columns:minmax(95px,130px) minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.recipe-step-row{grid-template-columns:30px minmax(0,1fr) 38px;align-items:start;gap:10px;display:grid}.recipe-step-number{width:30px;height:30px;color:var(--teal);background:var(--teal-soft);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.recipe-step-row .recipe-step-number{margin-top:8px}.recipe-inline-error{color:#973d2e;background:#fff1ed;border:1px solid #f0c4b9;border-radius:10px;margin:0 0 10px;padding:10px 12px;font-size:13px;line-height:1.45}.recipe-dialog button:disabled,.recipes-page button:disabled{cursor:not-allowed;opacity:.6;transform:none}.recipe-detail-photo{background:var(--surface-2);border-radius:16px;width:100%;max-height:340px;overflow:hidden}.recipe-detail-photo>img{object-fit:contain;width:100%;max-height:340px}.recipe-detail-photo>.recipe-photo-placeholder{min-height:150px}.recipe-detail-meta{margin-top:20px;padding-bottom:15px;font-size:13px}.recipe-author{color:var(--muted);margin-bottom:26px;font-size:12px}.recipe-author strong{color:#536967}.recipe-detail-columns{grid-template-columns:minmax(210px,.8fr) minmax(0,1.3fr);gap:30px;display:grid}.recipe-detail-columns h3,.recipe-family-note h3{margin-bottom:12px;font-family:Georgia,serif;font-size:25px;font-weight:500}.recipe-ingredients{background:#eff3e9;border-radius:16px;align-self:start;padding:20px}.recipe-ingredients>p{color:#61766c;font-size:12px}.recipe-ingredients ul{margin:0;padding:0;list-style:none}.recipe-ingredients li+li{border-top:1px solid #dde5d6}.recipe-ingredients label{cursor:pointer;align-items:baseline;gap:10px;padding:12px 0;font-size:14px;line-height:1.5;display:flex}.recipe-ingredients input{accent-color:var(--teal);flex-shrink:0;width:17px;height:17px}.recipe-ingredients label>span{overflow-wrap:anywhere}.recipe-ingredients .is-checked>span{color:#85917e;text-decoration:line-through}.recipe-method ol{gap:20px;margin:0;padding:0;list-style:none;display:grid}.recipe-method li{align-items:flex-start;gap:13px;display:flex}.recipe-method li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;font-size:15px;line-height:1.7}.recipe-family-note{background:#fff1d7;border-radius:15px;margin-top:25px;padding:21px 23px}.recipe-family-note h3{color:#795f37;font-size:21px}.recipe-family-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:#786d57;margin:0;font-size:14px;line-height:1.7}.recipe-action-spacer{flex:1}.recipe-detail-actions .recipe-delete{color:#9f4a3c}.recipe-danger{background:#a34738}.recipe-danger:hover{background:#813729}.recipe-dialog-footer>.recipe-delete-confirm{flex-direction:column;align-items:stretch}.recipe-delete-confirm p{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.recipe-delete-confirm>div{justify-content:flex-end;gap:8px;display:flex}@media (max-width:1190px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.recipes-page .page-title{align-items:stretch}.recipes-page .page-title>.primary-button{width:100%}.recipe-toolbar{flex-wrap:wrap;gap:8px}.recipe-search{flex-basis:100%}.recipe-sort{flex:1}.recipe-sort select{width:100%}.recipe-categories{gap:7px}.recipe-categories button{flex:1 0 auto;padding:8px 11px;font-size:12px}.recipe-grid{grid-template-columns:minmax(0,1fr);gap:17px}.recipe-card-photo{aspect-ratio:16/9}.recipe-card-content{gap:12px;padding:18px}.recipe-empty{padding:35px 19px}.recipe-empty h2{font-size:26px}.recipe-load-error{flex-wrap:wrap}.recipe-load-error>div{min-width:180px}.recipe-dialog{border-radius:18px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.recipe-dialog-heading{gap:10px;padding:16px}.recipe-dialog-heading h2{font-size:24px}.recipe-dialog-body{scrollbar-gutter:auto;padding:17px 15px}.recipe-dialog-footer{padding:12px 14px max(12px, env(safe-area-inset-bottom))}.recipe-dialog-footer button{min-height:45px;padding:0 12px;font-size:12px}.recipe-dialog-footer>div>.primary-button{flex:1}.recipe-form-intro{grid-template-columns:1fr;gap:19px}.recipe-upload{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:7px 12px;display:grid}.recipe-upload-preview{grid-row:span 4;height:122px}.recipe-upload-preview small{display:none}.recipe-upload>small{font-size:10px}.recipe-upload .recipe-inline-error{grid-column:1/-1}.recipe-fields{gap:20px}.recipe-fields input:not([type=file]),.recipe-fields select,.recipe-fields textarea{font-size:16px}.recipe-form-grid{gap:10px}.recipe-ingredient-row{grid-template-columns:91px minmax(0,1fr) 32px;gap:6px}.recipe-ingredient-row .icon-button,.recipe-step-row .icon-button{width:32px;height:42px}.recipe-step-row{grid-template-columns:25px minmax(0,1fr) 32px;gap:6px}.recipe-step-row .recipe-step-number{width:25px;height:27px}.recipe-detail-columns{grid-template-columns:1fr;gap:25px}.recipe-detail-photo,.recipe-detail-photo>img{max-height:240px}.recipe-detail-meta{gap:10px 14px;font-size:12px}.recipe-ingredients{padding:17px}.recipe-detail-actions{flex-wrap:wrap}.recipe-detail-actions .recipe-delete span{display:none}.recipe-dialog-footer .recipe-inline-error{max-height:100px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.recipe-card{transition:none}.recipe-card:hover{transform:none}}.desktop-nav{flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.sidebar-help,.sidebar-profile{flex-shrink:0}:is(.activity-modal,.activity-schedule-modal){flex-direction:column;min-height:0;max-height:calc(100dvh - 32px);display:flex;overflow:hidden}:is(.activity-modal,.activity-schedule-modal) :is(.modal-heading,.modal-actions){flex-shrink:0}.activity-modal-body{overscroll-behavior:contain;gap:16px;min-height:0;padding:2px;display:grid;overflow-y:auto}@media (max-width:640px){:is(.activity-modal,.activity-schedule-modal){gap:14px;padding:18px}:is(.activity-modal,.activity-schedule-modal) :is(input,select,textarea){font-size:16px}}.mobile-more-menu{max-height:calc(100vh - 145px - env(safe-area-inset-bottom));max-height:calc(100dvh - 145px - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}
:root[data-theme] :focus-visible{outline:3px solid var(--teal);outline-offset:3px}:root[data-theme] :is(.topbar,.mobile-header,.mobile-nav,.kdrive-toolbar,.meal-day){background:var(--surface);border-color:var(--line)}:root[data-theme] .content-card{border-color:var(--line)}:root[data-theme] .primary-button:not(.recipe-danger):hover{background:var(--accent-button-hover)}:root[data-theme] .soft-button:hover{background:var(--surface-2)}:root[data-theme] .icon-button:not(.dark):not(.danger):not(.selected){background:var(--surface-2);color:var(--ink)}:root[data-theme] :is(.top-profile:hover,.segmented-control,.school-tabs,.album-chip span){background:var(--surface-2)}:root[data-theme] :is(.segmented-control button.active,.calendar-day,.week-board,.shopping-item,.suggestion-tile,.task-member-filter,.task-assignee-option,.managed-reward-rows article,.document-kind-picker button,.recipe-empty,.pending-access-list article){background:var(--surface)}:root[data-theme] :is(.calendar-day.blank,.week-day-heading,.week-day-column.today,.dashboard-compact-list button,.dashboard-meals button,.gift-reservation,.gift-image-picker,.member-facts>div,.member-reward-list>div,.school-corner,.school-day-heading,.school-time-cell,.school-document-toolbar,.meal-away-toggle,.recipe-ingredients){background:var(--surface-2)}:root[data-theme] :is(.dashboard-person-picker button.active,.family-role-picker button.active,.gallery-access-options button.active,.gallery-album-options input:checked+span,.meal-slot.drop-ready){background:var(--teal-soft)}:root[data-theme] :is(.mobile-brand strong,.school-corner,.school-day-heading,.school-time-cell strong){color:var(--teal)}:root[data-theme] .welcome-banner:not(.dashboard-warning){background:linear-gradient(118deg, var(--teal-dark), var(--accent-button))}:root[data-theme] .banner-bubbles span{border-color:var(--teal-dark)}:root[data-theme] :is(.nav-caption,.desktop-nav button,.sidebar-profile small,.sidebar-help small){color:#e0e8eb}:root[data-theme] .desktop-nav button.active svg{color:#fff}:root[data-theme] .sidebar{overflow-y:auto}:root[data-theme] :is(.modal label,.recipe-author,.recipe-ingredients>p){color:var(--muted)}:root[data-theme] :is(.modal,.document-tools,.recipe-fields) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){color:var(--ink);background:var(--field-bg);border-color:var(--line)}:root[data-theme] input::placeholder,:root[data-theme] textarea::placeholder{color:var(--muted);opacity:1}:root[data-theme] .recipe-category-badge{background:var(--surface)}:root[data-theme] .recipe-card-loading{background:var(--surface-2)}:root[data-theme] .recipe-ingredients li+li{border-color:var(--line)}:root[data-theme] .recipe-ingredients .is-checked>span{color:var(--muted)}:root[data-theme] .recipe-author strong{color:var(--ink)}[data-theme=nuit] :is(.integration-note:not(.calendar-error):not(.kdrive-error),.shopping-share-bar,.document-edit-note.enabled,.document-view-button,.gallery-access-summary,.role-overview-icon.role-parent,.family-role-picker button.active,.module-rights-picker,.gallery-rights-picker,.school-rights-picker,.document-rights-picker,.access-preview,.recipe-live-preview){background:var(--teal-soft);border-color:var(--line);color:var(--ink)}[data-theme=nuit] :is(.integration-icon,.coming-badge:not(.connected),.album-chip.active span,.photo-period-icon,.shopping-list-tabs>button.shopping-add-list>span:first-child){background:var(--surface-2)}[data-theme=nuit] .photo-year-card{background:linear-gradient(135deg, var(--surface) 0 62%, var(--teal-soft) 62% 100%)}[data-theme=nuit] .meal-empty-slot{background:var(--surface-2);color:var(--muted);border-color:var(--line)}[data-theme=nuit] .meal-empty-slot:hover{background:var(--teal-soft);color:var(--ink)}[data-theme=nuit] :is(.module-rights-options label.active,.gallery-access-options button.active,.school-grade-permission.active,.document-edit-permission.active){background:var(--surface-2)}[data-theme=nuit] :is(.module-rights-options label,.gallery-access-options button,.school-grade-permission,.document-edit-permission){color:var(--ink)}[data-theme=nuit] :is(.task-sync-error,.calendar-error,.kdrive-error,.pending-access-card){--ink:#203238;--muted:#607074;--teal:var(--accent-button);color:var(--ink)}[data-theme=nuit] .pending-access-list article{background:#fffdf9}[data-theme=nuit] :is(.activity-note,.meal-postit,.school-lesson,.calendar-event.color-event,.calendar-date-tile,.week-event,.day-event,.recipe-photo-placeholder,.task-assignee-chip,.gift-card-image){--ink:#203238;--muted:#536468;--teal:var(--accent-button);--surface:#fffdf9;--surface-2:#f3eee5;--teal-soft:#e4f0ef;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=nuit] :is(.gift-surprise small,.gift-reserved small,.recipe-card-author,.recipe-meta,.member-reward-list small,.member-reward-list p){color:var(--muted)}[data-theme=nuit] :is(.module-rights-options label.active>strong,.gallery-access-options button strong,.school-grade-permission strong,.document-edit-permission strong,.member-reward-list strong){color:var(--ink)}[data-theme=nuit] .photo-open.video-play{color:var(--accent-button)}.appearance-settings-card{align-items:center;gap:18px;margin-bottom:18px;padding:22px;display:flex}.appearance-card-icon{background:var(--teal-soft);width:56px;height:56px;color:var(--teal);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.appearance-settings-card>div{flex:1;min-width:0}.appearance-settings-card .eyebrow{margin-bottom:4px;font-size:10px}.appearance-settings-card h2{margin:0 0 5px;font-family:Georgia,serif;font-size:26px;font-weight:500}.appearance-settings-card p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.appearance-dialog{border:1px solid var(--line);width:min(760px,100vw - 28px);max-width:none;max-height:min(850px,100dvh - 28px);color:var(--ink);background:var(--surface);border-radius:25px;padding:0;overflow:hidden;box-shadow:0 25px 100px #0000004d}.appearance-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07121aa8}.appearance-dialog>form{flex-direction:column;min-height:0;max-height:min(850px,100dvh - 30px);display:flex}.appearance-heading{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 26px 20px;display:flex}.appearance-heading h2{margin:0 0 6px;font-family:Georgia,serif;font-size:33px;font-weight:500}.appearance-heading p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.appearance-heading .icon-button{flex-shrink:0}.appearance-body{overscroll-behavior:contain;flex:1;min-height:0;padding:24px 26px;overflow-y:auto}.appearance-fieldset{border:0;min-width:0;margin:0 0 26px;padding:0}.appearance-fieldset legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:800}.appearance-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.appearance-theme{border:2px solid var(--line);min-width:0;color:var(--ink);background:var(--surface);text-align:left;border-radius:17px;padding:8px 8px 12px}.appearance-theme.selected{border-color:var(--teal);background:var(--teal-soft)}.appearance-miniature{border-radius:9px;grid-template-columns:27% 1fr;gap:7px;height:74px;display:grid;overflow:hidden}.appearance-miniature>i{height:100%}.appearance-miniature>span{grid-template-columns:1fr 1fr;gap:5px;padding:10px 8px 10px 0;display:grid}.appearance-miniature b{border-radius:4px;display:block;box-shadow:0 1px 3px #00000014}.appearance-miniature b:first-child{grid-column:1/3}.appearance-theme-name{justify-content:space-between;align-items:center;gap:4px;margin:9px 3px 3px;display:flex}.appearance-theme-name strong{font-size:14px}.appearance-theme-name svg{color:var(--teal)}.appearance-theme>small{color:var(--muted);margin-inline:3px;font-size:10px;line-height:1.4;display:block}.appearance-hint{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.appearance-swatches{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.appearance-swatches button{color:#fff;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;width:43px;height:43px;padding:3px;display:grid;position:relative}.appearance-swatches button[aria-pressed=true]{border-color:var(--ink)}.appearance-swatches button>span{border-radius:50%;width:100%;height:100%}.appearance-swatches svg{position:absolute}.appearance-custom>label{margin-bottom:8px;font-size:12px;font-weight:750;display:block}.appearance-custom>div{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.appearance-custom input{border:1px solid var(--line);background:var(--field-bg);height:44px;color:var(--ink);border-radius:10px}.appearance-custom input[type=color]{cursor:pointer;flex-shrink:0;width:52px;padding:5px}.appearance-custom input[type=text]{width:125px;padding:0 12px;font:15px ui-monospace,monospace}.appearance-custom input[aria-invalid=true]{border-color:#b44c43}.appearance-custom .ghost-button{padding-inline:9px;font-size:12px}.appearance-live-preview{border:1px solid var(--line);background:var(--surface-2);border-radius:17px;padding:18px}.appearance-live-preview>span{color:var(--teal);align-items:center;gap:9px;font-size:13px;display:flex}.appearance-live-preview p{max-width:430px;color:var(--muted);margin:9px 0 14px;font-size:12px;line-height:1.6}.appearance-live-preview .primary-button{min-height:38px;font-size:12px}.appearance-reset{min-height:40px;margin:14px 0 0;padding-inline:2px;font-size:12px}.appearance-footer{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex}.appearance-footer>span{min-width:120px;color:var(--muted);flex:1;font-size:11px;line-height:1.45}.appearance-footer>div{gap:8px;display:flex}.appearance-error{color:#973d2e;background:#fff1ed;border-radius:10px;flex-basis:100%;margin:0;padding:10px 12px;font-size:12px}.appearance-dialog button:disabled{opacity:.55;cursor:default;transform:none}.appearance-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.appearance-settings-card{flex-wrap:wrap;gap:12px;padding:18px}.appearance-settings-card>.soft-button{width:100%}.appearance-dialog{border-radius:20px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.appearance-dialog>form{max-height:calc(100dvh - 18px)}.appearance-heading{padding:18px 16px 14px}.appearance-heading h2{font-size:28px}.appearance-heading p:last-child{font-size:12px}.appearance-body{padding:18px 16px}.appearance-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-theme>small{font-size:10px}.appearance-swatches{gap:7px}.appearance-custom input[type=text]{font-size:16px}.appearance-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom));gap:9px}.appearance-footer>span{flex-basis:100%}.appearance-footer>div{justify-content:flex-end;width:100%}}