.recipe-preview-page{width:min(920px,100%);margin:0 auto}.recipe-preview-manage{align-items:flex-start;margin:0 0 18px}.recipe-preview-manage h2{margin:4px 0}.recipe-preview-manage p{margin:0;color:var(--soft);font-size:12px}.recipe-preview-editor{padding:26px}.device-recipe-preview{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fffdf9;box-shadow:0 12px 35px #17312712}.device-preview-visual{height:clamp(260px,42vw,390px);background:linear-gradient(135deg,#5a8d5f,#e7be75);overflow:hidden}.device-preview-visual img{width:100%;height:100%;object-fit:cover;display:block}.device-preview-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:12px;color:#fff;text-shadow:0 2px 10px #243c2866}.device-preview-placeholder span{font-size:100px}.device-preview-placeholder strong{font-size:34px}.device-preview-summary,.device-preview-information,.device-preview-related{padding:28px}.device-preview-summary{border-bottom:1px solid var(--line)}.device-preview-summary h1{margin:0 0 18px;font-size:34px}.preview-serving-selector{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.preview-serving-selector>strong{font-size:15px}.preview-serving-selector>div{display:flex;flex-wrap:wrap;gap:8px}.preview-serving-selector button{padding:7px 12px;border:1px solid #d7e3d7;border-radius:999px;background:#fff;color:#42654d;font-size:13px;font-weight:800}.preview-serving-selector button.active{border-color:var(--orange);background:var(--orange);color:#fff}.device-preview-meta{display:flex;flex-wrap:wrap;gap:10px}.device-preview-meta span{padding:7px 11px;border-radius:999px;background:#edf4eb;color:#356448;font-size:13px;font-weight:700}.device-preview-summary>p{margin:14px 0 0;color:var(--soft);line-height:1.7}.device-preview-information>div{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.device-preview-information h2,.device-preview-related h2{margin:0 0 15px;font-size:21px}.device-preview-information p{margin:0;color:#4e6556;line-height:1.7}.device-preview-information ul,.device-preview-information ol{margin:0;padding-left:24px;color:#435a4b}.device-preview-information li{padding:6px 0;line-height:1.6}.device-preview-information ul b{float:right;color:var(--ink)}.device-preview-print{width:100%;padding:14px;border:0;border-radius:11px;background:var(--orange);color:#fff;font-weight:800;font-size:16px;opacity:.92}.device-preview-related{border-top:1px solid var(--line);background:#fff}.device-preview-related>div{display:grid;gap:10px}.device-preview-related button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;color:var(--ink)}.device-preview-related button span{font-size:16px;font-weight:800}.device-preview-related button small{grid-column:1;color:var(--soft)}.device-preview-related button b{grid-column:2;grid-row:1 / span 2;color:var(--orange)}.recipe-preview-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:12px}
.row-actions{display:flex;align-items:center;gap:10px}
@media(max-width:640px){.recipe-preview-manage{display:grid;gap:12px}.recipe-preview-manage .secondary{justify-self:start}.device-preview-summary,.device-preview-information,.device-preview-related{padding:20px}.device-preview-summary h1{font-size:27px}.device-preview-visual{height:250px}.recipe-preview-status{align-items:flex-start;flex-direction:column}.recipe-preview-status .primary{width:100%}}
.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}.image-grid article{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.image-grid img{display:block;width:100%;height:130px;object-fit:cover;background:#eef2f1}.image-grid strong,.image-grid small{display:block;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-grid strong{margin-top:9px;font-size:11px}.image-grid small{padding-bottom:10px;color:var(--soft);font-size:10px}.form button.secondary{justify-self:start}
.form label:has(input[name="version"]){display:none}
.media-page{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:600px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.media-folders{padding:20px 14px;background:#f3f7f6;border-right:1px solid var(--line)}.media-folder-head,.media-content-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-folder-head{padding:0 8px 14px}.media-folder-head h3{margin:3px 0 0}.icon-btn{width:30px;height:30px;border:0;border-radius:8px;color:#fff;background:var(--orange);font-size:20px}.media-folder{display:flex;justify-content:space-between;width:100%;margin:4px 0;padding:10px;border:0;border-radius:8px;color:var(--ink);background:transparent;text-align:left}.media-folder:hover,.media-folder.active{color:#b64f26;background:#fff}.media-folder b{font-size:11px}.media-content{padding:28px}.media-content-head{padding-bottom:20px;border-bottom:1px solid var(--line)}.media-content-head h2{font-size:25px}.media-content-head p{margin:0;color:var(--soft);font-size:12px}.media-grid{margin-top:22px}.image-preview{position:relative}.image-delete{position:absolute;right:8px;top:8px;border:0;border-radius:6px;padding:5px 8px;color:#fff;background:#933f30;font-size:10px;opacity:0}.image-preview:hover .image-delete{opacity:1}@media(max-width:800px){.media-page{grid-template-columns:1fr}.media-folders{border-right:0;border-bottom:1px solid var(--line)}.media-folder{display:inline-flex;width:auto;margin-right:6px}.media-content-head{align-items:flex-start;flex-direction:column}}