.od-modal:has(.od-inspector-detail){width:min(1440px,100%);height:92dvh;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;font-size:16px}.od-modal:has(.od-inspector-detail)>.od-modal-head{flex:none;padding:22px 28px 18px}.od-modal:has(.od-inspector-detail) .od-modal-head h2{font-size:28px;line-height:1.3;margin-top:7px}.od-modal:has(.od-inspector-detail) .od-modal-head small{font-size:12px;color:#54796a}.od-modal:has(.od-inspector-detail)>.od-house-nav{flex:none;padding:14px 24px;gap:8px}.od-modal:has(.od-inspector-detail) .od-house-nav button{font-size:15px;min-height:44px;padding:10px 16px}.od-modal:has(.od-inspector-detail) .od-house-nav button.is-active{background:#195e50;color:#fff;border-color:#195e50}.od-modal:has(.od-inspector-detail) .od-house-nav input{font-size:16px;min-height:44px;width:230px}.od-house-workspace:has(.od-inspector-detail){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(430px,1fr);min-height:0;flex:1 1;overflow:hidden}.od-house-workspace:has(.od-inspector-detail)>.od-library-grid{overflow-y:auto;padding:22px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));scrollbar-gutter:stable}.od-house-workspace:has(.od-inspector-detail) .od-library-card{padding:9px;gap:7px;border-radius:20px;background:#edf7f0;transition:border-color .15s,box-shadow .15s}.od-house-workspace:has(.od-inspector-detail) .od-library-card.is-selected{background:#e3f3e9;border-color:#3b9577;box-shadow:0 0 0 1px #3b95771c,0 5px 18px #285f4210}.od-house-workspace:has(.od-inspector-detail) .od-library-live{height:220px}.od-house-workspace:has(.od-inspector-detail) .od-library-live{display:block;background:#e5f2e9}.od-library-scaled-widget{position:absolute;left:50%;top:50%;translate:-50% -50%;transform-origin:center;overflow:hidden;border-radius:14px}.od-library-scaled-widget>:is(.portal-widget,.crusher,[data-component-host],.od-remote-preview-shell){width:100%;height:100%}.od-house-workspace:has(.od-inspector-detail) .od-inspector-preview .od-library-live{width:100%;height:100%}.od-house-workspace:has(.od-inspector-detail) .od-catalog-card>small{min-height:40px}.od-modal .od-library-card .od-library-grip{padding:10px 8px;min-height:44px;font-size:16px;font-weight:600;border-color:transparent;background:transparent;text-align:left}.od-house-workspace .od-library-card>small{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13px;line-height:1.5;color:#507262;padding:0 8px 6px}.od-status-dot{width:6px;height:6px;border-radius:50%;background:#91ab9e}.od-status-dot.is-placed{background:#338469}.od-library-select-preview{position:relative;overflow:hidden;border-radius:14px}.od-library-select-preview>.od-library-select{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:14px;cursor:pointer}.od-modal .od-library-select-preview>.od-library-select{background:transparent;border:0}.od-modal .od-library-select-preview>.od-library-select:hover{background:#69b78c0c}.od-library-select:focus-visible{outline:3px solid #237666;outline-offset:-3px}.od-library-select-preview.is-utility-strip{height:220px;display:flex;align-items:center;background:#e5f2e9;padding:8px}.od-house-workspace:has(.od-inspector-detail) .is-utility-strip .od-library-live{height:104px}.od-house-workspace .od-inspector-detail{min-width:0;height:100%;min-height:0;padding:0;gap:0;display:flex;flex-direction:column;align-self:stretch;overflow:hidden;background:#f4faf6;border-left:1px solid #d9e9df}.od-inspector-scroll{min-height:0;flex:1 1;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px;scrollbar-gutter:stable;container-type:inline-size;container-name:cottage-detail}.od-inspector-scroll>*{flex-shrink:0}.od-inspector-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#557567}.od-inspector-detail .od-inspector-meta small{font-size:14px;line-height:1.5}.od-detail-status{padding:4px 10px;border-radius:7px;background:#e2f0e7;color:#28664e}.od-inspector-detail .od-detail-heading h3{margin:10px 0 6px;font-size:28px;line-height:1.25;color:#173e32;letter-spacing:-.02em}.od-inspector-detail .od-inspector-tagline{margin:0;color:#567264;font-size:16px;line-height:1.6}.od-preview-layout{display:grid;grid-gap:20px;gap:20px}.od-preview-column{min-width:0;display:flex;flex-direction:column;gap:12px}.od-inspector-stage{background:radial-gradient(ellipse at center,#f8fff8,#e5f0e8);border:1px solid #e0ebe3;border-radius:18px;overflow:hidden;padding:12px;min-height:144px;display:flex;align-items:center;justify-content:center}.od-inspector-preview{position:relative;flex:none;max-width:100%;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #24573a0d}.od-inspector-preview>:is(.portal-widget,[data-component-host],.od-remote-preview-shell){width:100%;height:100%}.od-remote-preview-shell{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.od-remote-preview-shell>[data-component-host]{position:relative;z-index:1;width:100%;height:100%}.od-remote-preview-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px;text-align:center;background:radial-gradient(circle at 80% 12%,#fff9df,transparent 45%),linear-gradient(145deg,#e2d7f4,#b5a9df);color:#594577}.od-remote-preview-idle>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff8eb;font-size:28px;box-shadow:0 4px #9886b855}.od-remote-preview-idle strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.od-remote-preview-idle>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.od-modal .od-remote-preview-idle button{border:0;border-radius:9px;padding:6px 9px;background:#795e9d;color:#fff;font-size:12px;font-weight:700}.od-size-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.od-size-setting>span{font-size:14px;color:#527161;white-space:nowrap}.od-inspector-sizes{display:flex;gap:6px;width:100%}.od-inspector-sizes button{flex:1 1}.od-modal .od-inspector-sizes button{min-height:42px;font-size:14px;padding:9px 12px;white-space:nowrap;background:#fff}.od-modal .od-inspector-sizes button[aria-pressed=true]{background:#195e50;color:#fff;border-color:#195e50}.od-special-size{display:flex;justify-content:space-between;align-items:center;color:#426451;font-size:15px;padding:4px 0}.od-special-size strong{font-size:16px}.od-component-intro{padding-top:2px}.od-inspector-detail .od-component-intro h4{font-size:16px;line-height:1.5;margin:0 0 7px;color:#214936}.od-inspector-detail .od-component-intro p{font-size:16px;line-height:1.8;margin:0;color:#466152;white-space:pre-wrap;overflow-wrap:anywhere}.od-component-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;border:1px solid #dbe9df;border-radius:14px;background:#fff;overflow:hidden}.od-component-stats>div,.od-modal .od-component-stats>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:12px 6px;border:0;border-radius:0;background:transparent;color:#426652;font-size:14px}.od-component-stats>*+*{border-left:1px solid #e3ede6}.od-component-stats b{font-size:24px;line-height:1.1;font-weight:650;color:#1f513e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.od-modal .od-component-stats>button.is-liked{background:#e0f1e5;color:#215d43}.od-inspector-detail .od-stat-note{margin-top:-9px;font-size:13px;line-height:1.6;color:#597666}.od-inspector-detail [role=status],.od-inspector-detail a{font-size:15px;line-height:1.6}.od-inspector-actions{flex:none;display:flex;flex-wrap:wrap;gap:12px;padding:18px 28px;margin:0;position:static;background:#f4faf6;border-top:1px solid #d9e9df}.od-inspector-actions .od-install-error{flex-basis:100%;margin:0;color:#a3342b;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.od-modal .od-inspector-actions button{flex:1 1;min-height:48px;font-size:16px;font-weight:600}.od-modal .od-inspector-actions .od-primary{flex:1.35 1;color:#fff;background:#195e50;border-color:#195e50}.od-modal .od-inspector-actions .od-primary:hover{background:#247461}.od-inspector-mobile-bar{display:none}.od-library-empty{grid-column:1/-1;padding:24px;color:#587568;font-size:16px}.od-house-workspace .od-market-card{font-size:16px;padding:22px}.od-house-workspace .od-market-card small{font-size:14px;line-height:1.6}.od-compact-widget{width:100%;height:100%;padding:8px;background:linear-gradient(145deg,#effcf2,#c1eddf);color:#205448}.od-compact-widget button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;padding:2px;border:0;background:transparent;color:inherit}.od-compact-widget span{font-size:27px;line-height:1.2}.od-compact-widget strong{max-width:100%;font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-tile[data-recommended=true]:after{content:"新发现";position:absolute;right:7px;bottom:7px;pointer-events:none;font-size:9px;line-height:1.5;color:#195e50;background:#ecfff1;padding:2px 6px;border-radius:8px;opacity:.9}@container cottage-detail (min-width:420px){.od-preview-layout:not(.is-wide){grid-template-columns:minmax(228px,1.12fr) minmax(0,1fr);gap:20px;align-items:start}.od-preview-layout:not(.is-wide) .od-component-intro{padding-top:8px}}@media(max-width:1250px){.od-house-workspace:has(.od-inspector-detail){grid-template-columns:minmax(0,1fr) minmax(410px,.92fr)}.od-house-workspace:has(.od-inspector-detail)>.od-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:14px}.od-inspector-scroll{padding:22px}.od-inspector-actions{padding:16px 22px}}@media(max-width:800px){.od-modal:has(.od-inspector-detail){height:95dvh;max-height:95dvh}.od-modal:has(.od-inspector-detail)>.od-modal-head{padding:10px 14px}.od-modal:has(.od-inspector-detail) .od-modal-head small{display:none}.od-modal:has(.od-inspector-detail) .od-modal-head h2{margin:0;font-size:21px}.od-modal:has(.od-inspector-detail)>.od-house-nav{display:flex;flex-direction:column;gap:7px;padding:9px 14px}.od-modal:has(.od-inspector-detail)>.od-house-nav>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;min-width:0}.od-modal:has(.od-inspector-detail)>.od-house-nav button{width:100%;min-width:0;min-height:36px;padding:6px 3px;font-size:13px;white-space:nowrap}.od-modal:has(.od-inspector-detail)>.od-house-nav .od-diy-entry{width:100%;min-width:0;min-height:36px;padding:6px 2px;margin-left:0;font-size:12px;letter-spacing:-.03em}.od-modal:has(.od-inspector-detail)>.od-house-nav input{width:100%;min-height:36px;padding:7px 10px;font-size:14px}.od-modal:has(.od-house-workspace[data-mobile-view=detail])>.od-house-nav{display:none}.od-house-workspace:has(.od-inspector-detail){display:flex;flex-direction:column;overflow:hidden}.od-house-workspace[data-mobile-view=detail]>.od-library-grid,.od-house-workspace[data-mobile-view=list]>.od-inspector-detail{display:none}.od-house-workspace:has(.od-inspector-detail)>.od-library-grid{flex:1 1;min-height:0;overflow-y:auto;padding:12px;scrollbar-gutter:auto}.od-house-workspace .od-inspector-detail{flex:1 1;min-height:0;height:100%;overflow:hidden;border-left:0;border-bottom:0}.od-inspector-mobile-bar{display:flex;flex:none;align-items:center;gap:12px;min-height:48px;padding:7px 14px;border-bottom:1px solid #d8e9de}.od-inspector-mobile-bar button{flex:none;font-size:13px}.od-inspector-mobile-bar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.od-inspector-scroll{overflow-y:auto;padding:14px 16px 20px;scrollbar-gutter:auto}.od-inspector-actions{padding:10px 14px calc(10px + var(--safe-area-bottom));border-top:1px solid #d9e9df;box-shadow:0 -6px 18px #285f4210}}@media(max-width:450px){.od-size-setting{flex-wrap:wrap}.od-inspector-sizes{width:100%}.od-inspector-sizes button{flex:1 1}.od-house-workspace:has(.od-inspector-detail)>.od-library-grid{grid-template-columns:1fr}}.od-house-nav .od-diy-entry{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #d99445;border-radius:12px;background:#ffe0a6;color:#754613;font-weight:800;text-decoration:none;box-shadow:0 3px 0 #e7b76c;margin-left:10px;white-space:nowrap}.od-house-nav .od-diy-entry:hover{background:#ffd18a}.od-house-nav .od-diy-entry:focus-visible{outline:3px solid #915424;outline-offset:3px}