@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.grid{display:grid}}:root{--paper:#fff9df;--paper-deep:#f8edbe;--cream:#fffdf0;--honey:#e9a33b;--honey-deep:#bd7427;--caramel:#8f5a2d;--cocoa:#5b3b25;--ink:#33261c;--muted:#8f795f;--line:#855b2d40;--shadow:0 18px 48px #764d1d1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 12% 30%,#e9a33b17 0 3px,#0000 4px) 0 0/280px 280px,radial-gradient(circle at 86% 55%,#8f5a2d14 0 3px,#0000 4px) 0 0/340px 340px,linear-gradient(#fff7cf 0,#fffced 52%,#fff9df 100%);margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9dae6;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,4vw,56px);display:flex;position:sticky;top:0;box-shadow:0 5px 18px #70481d0f}.brand{align-items:center;gap:13px;display:flex}.brand strong{letter-spacing:.04em;font-size:16px;display:block}.brand small{color:#a0845e;letter-spacing:.22em;margin-top:3px;font-size:9px;display:block}.brand-paw{width:34px;height:34px;position:relative;transform:rotate(-14deg)}.brand-paw i,.brand-paw b{background:var(--cocoa);border-radius:50%;display:block;position:absolute}.brand-paw i:first-child{width:8px;height:10px;top:5px;left:3px}.brand-paw i:nth-child(2){width:8px;height:10px;top:0;left:12px}.brand-paw i:nth-child(3){width:8px;height:10px;top:4px;right:4px}.brand-paw i:nth-child(4){width:7px;height:9px;top:14px;right:0}.brand-paw b{width:20px;height:17px;bottom:1px;left:8px;transform:rotate(8deg)}.header-actions{color:var(--muted);align-items:center;gap:18px;font-size:13px;display:flex}.header-upload,.upload-button,.primary,.save-button{color:#fffdf2;background:linear-gradient(135deg,#ecae4a,#d78b2b);border:1px solid #995b1b38;border-radius:999px;padding:10px 17px;font-weight:800;box-shadow:0 8px 20px #cc7e2233}.main{min-width:0}.content{width:min(1520px,100% - 40px);margin:0 auto;padding:18px 0 76px}.hero{min-height:clamp(360px,42vw,540px);box-shadow:var(--shadow), inset 0 0 0 5px #fffce259;background:#f0c66b;border:1px solid #85562457;border-radius:30px;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#4a2a14e6 0%,#6e411cb3 28%,#784e252e 55%,#0000 76%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(560px,54%);min-height:inherit;color:#fffaf0;flex-direction:column;justify-content:center;padding:clamp(44px,6vw,86px);display:flex;position:relative}.hero-kicker{color:#f7d99b;letter-spacing:.24em;font-size:11px;font-weight:900}.hero h1{letter-spacing:-.04em;margin:15px 0 12px;font-size:clamp(34px,4vw,60px);line-height:1.12}.hero-copy>p{color:#fffaf0c7;margin:0 0 26px;font-size:16px}.hero-search{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffae029;border:1px solid #fff5d273;border-radius:14px;align-items:center;gap:10px;width:min(480px,100%);min-height:52px;padding:0 14px;display:flex;box-shadow:inset 0 1px #fff3}.hero-search span{font-size:25px;line-height:1}.hero-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.hero-search input::placeholder{color:#fffaf0ad}.hero-search button{color:#fff;background:0 0;border:0;font-size:20px}.hero-stats{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hero-stats span{color:#fce6b5;background:#47291347;border-radius:999px;padding:7px 11px;font-size:11px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 16px 54px;display:grid}.quick-actions button{text-align:left;border:1px solid var(--line);min-height:112px;color:var(--ink);background:#fffdedc7;border-radius:20px;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 10px 30px #744e1f12}.quick-actions button:hover{border-color:#cc802680;transform:translateY(-3px);box-shadow:0 16px 34px #744e1f1f}.quick-actions i{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #fff9e8;border-radius:50%;flex:0 0 58px;width:58px;height:58px;font-style:normal;display:block;box-shadow:0 7px 18px #87552433,0 0 0 5px #eeb54c1a}.cat-overworked{background-image:url(/cat-overworked.jpg)}.cat-clock-in{background-image:url(/cat-clock-in.jpg)}.cat-stretching{background-image:url(/cat-stretching.jpg)}.cat-screaming{background-image:url(/cat-screaming.jpg)}.quick-actions span{gap:5px;display:grid}.quick-actions strong{font-size:14px}.quick-actions small{color:var(--muted);font-size:11px}.library-section{margin:0 4px 20px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading span{color:var(--honey-deep);letter-spacing:.22em;font-size:10px;font-weight:900}.section-heading h2{letter-spacing:-.04em;margin:5px 0 0;font-size:clamp(28px,3vw,40px)}.section-heading p{color:var(--muted);margin:0}.toolbar{border:1px solid var(--line);background:#fffdeebf;border-radius:20px;padding:18px 20px;position:relative;box-shadow:0 10px 28px #744e1f0f}.filter-row{align-items:flex-start;gap:15px;display:flex}.filter-row+.filter-row{border-top:1px dashed #855b2d2e;margin-top:12px;padding-top:12px}.filter-row>b{color:var(--caramel);flex:0 0 42px;padding-top:8px;font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip,.clear-filter{color:#765b40;background:#fffce8b8;border:1px solid #8e5e2e3b;border-radius:999px;padding:8px 13px;font-size:12px;transition:all .18s}.chip:hover,.chip.active{color:#fffdf1;background:linear-gradient(135deg,#e8a43e,#cf7f28);border-color:#cd8730;box-shadow:0 5px 15px #c4731d2e}.clear-filter{color:var(--honey-deep);background:0 0;border-color:#0000;position:absolute;bottom:-38px;right:18px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);background:#fffdeedb;border-radius:24px;outline:none;transition:transform .24s,box-shadow .24s,border-color .24s;overflow:hidden;box-shadow:0 12px 32px #66431b14}.card:hover,.card:focus-visible{border-color:#be772380;transform:translateY(-5px);box-shadow:0 20px 42px #66431b24}.thumb{aspect-ratio:16/9;background:#eadfb9;border:1px solid #80532733;border-radius:17px;margin:9px 9px 0;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%;display:block}.thumb video{opacity:0;transition:opacity .2s;position:absolute;inset:0}.card:hover .thumb video,.card:focus-within .thumb video{opacity:1}.duration{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#392617b8;border:1px solid #ffffff59;border-radius:999px;padding:5px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.card-body{padding:18px 20px 20px}.eyebrow{color:#c57c27;font-size:12px;font-weight:800}.card h2{margin:8px 0 14px;font-size:20px}.meta{color:#9d876c;justify-content:space-between;gap:10px;font-size:12px;display:flex}.empty{text-align:center;color:var(--muted);background:#fffdee80;border:1px dashed #855b2d4d;border-radius:22px;grid-column:1/-1;padding:76px 20px}.cat-float{z-index:20;background:#f7d584;border:6px solid #fffbed;border-radius:50%;width:88px;height:88px;position:fixed;bottom:26px;right:28px;overflow:hidden;box-shadow:0 12px 30px #5938183d}.cat-float img{object-fit:cover;object-position:center;width:100%;height:100%}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#412a1773;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fffbed;border:1px solid #774c2257;border-radius:26px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #472b1247}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 24px;display:flex}.modal-head h2{margin:0}.close{color:var(--muted);background:0 0;border:0;font-size:24px}.form{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field span{color:#765b40;font-size:13px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef4;border-radius:12px;outline:none;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d18a30;box-shadow:0 0 0 3px #df96371f}.field input[type=file]{color:var(--muted);padding:10px}.actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.secondary{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:11px 18px}.error{color:#a24a2d;grid-column:1/-1;font-size:13px}.detail-page{background:linear-gradient(#fff7cf,#fffced);min-height:100vh;padding:34px clamp(16px,3vw,42px) 60px}.back-link{color:var(--caramel);background:0 0;border:0;padding:0 0 22px;font-size:16px;font-weight:800}.detail-grid{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;max-width:1700px;margin:auto;display:grid}.preview-panel,.inputs-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdeee6;border-radius:24px;overflow:hidden}.preview-head{height:64px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.preview-pill{color:var(--cocoa);background:#fff7d5;border:1px solid #95602b4d;border-radius:999px;padding:7px 18px;font-weight:900}.video-stage{aspect-ratio:16/9;background:#2c2119;position:relative;overflow:hidden}.video-stage>video{object-fit:cover;width:100%;height:100%}.stage-dim{pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000b3 35%,#0000 72%);position:absolute;inset:0}.live-cards{z-index:2;flex-direction:column;width:34%;display:flex;position:absolute;top:27%}.live-cards.push-right{right:5%;left:auto!important}.live-card{color:#fff;white-space:nowrap;background:#271f19e0;border:1px solid #fff5da40;font-weight:900;line-height:1.15;box-shadow:0 12px 30px #00000040}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:9px;padding:16px 20px;display:flex}.detail-meta span{background:#fff6d4;border-radius:999px;padding:7px 11px}.inputs-panel{max-height:calc(100vh - 92px);padding:24px;overflow:auto}.inputs-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.inputs-title h2{margin:0}.inputs-title span{color:var(--muted);font-size:12px}.section-label{color:#b07a3f;letter-spacing:.14em;margin:22px 0 8px;font-size:11px;font-weight:900}.control{border-bottom:1px solid #855b2d26;gap:8px;padding:12px 0;display:grid}.control>span,.toggle-row>span{font-weight:800}.control input,.control textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef5;border-radius:10px;outline:none;padding:10px}.control input:focus,.control textarea:focus{border-color:#d18a30}.control.split{grid-template-columns:1fr 100px;align-items:center}.control.split input{text-align:right}.toggle-row{border-bottom:1px solid #855b2d26;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--honey)}.save-button{width:100%;margin-top:24px}.source-button{text-align:center;color:var(--cocoa);border:1px solid var(--line);background:#fff4cf;border-radius:999px;margin-top:10px;padding:12px;font-weight:800;text-decoration:none;display:block}.no-source,.save-state{text-align:center;min-height:24px;color:var(--muted);padding-top:10px;font-size:12px}@media (max-width:1100px){.quick-actions{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.inputs-panel{max-height:none}}@media (max-width:720px){.site-header{height:62px;padding:0 14px}.brand strong{font-size:14px}.brand small,.header-actions>span{display:none}.header-upload{padding:8px 12px;font-size:12px}.content{width:calc(100% - 24px);padding-top:12px}.hero{border-radius:22px;min-height:480px}.hero-art{object-position:68% center}.hero-shade{background:linear-gradient(#46291438 20%,#462914e6 77%,#462914f5)}.hero-copy{justify-content:flex-end;width:100%;min-height:480px;padding:28px 24px}.hero h1{font-size:34px}.hero-copy>p{margin-bottom:18px}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 42px}.quick-actions button{flex-direction:column;align-items:flex-start;min-height:120px;padding:14px}.quick-actions small{display:none}.filter-row{display:block}.filter-row>b{padding:0 0 9px;display:block}.grid{grid-template-columns:1fr}.cat-float{width:68px;height:68px;bottom:14px;right:14px}.form{grid-template-columns:1fr}.field.full,.actions,.error{grid-column:1}.preview-head{height:54px;font-size:10px}.live-cards{width:42%;top:20%}.live-card{padding:12px!important;font-size:16px!important}.inputs-panel{padding:18px}}