.resource-workspace-page{gap:20px;padding-bottom:56px;display:grid}.resource-workspace-summary{border:1px solid var(--ui-line,#e5ddd5);background:#fffdfa;border-radius:12px;justify-content:space-between;align-items:center;gap:28px;min-height:88px;padding:18px 20px;display:flex}.resource-workspace-summary>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;display:grid}.resource-workspace-summary strong{font-size:13px}.resource-workspace-summary p{color:#7d746c;grid-column:2;margin:0;font-size:11px}.resource-summary-dot{background:#b9895e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #b9895e18}.resource-workspace-summary dl{grid-template-columns:repeat(3,minmax(110px,1fr));margin:0;display:grid}.resource-workspace-summary dl div{border-left:1px solid #e7ded6;min-width:125px;padding:2px 18px}.resource-workspace-summary dt{color:#716961;font-size:10px}.resource-workspace-summary dd{color:#403a35;margin:5px 0 0;font-size:12px;font-weight:700}.resource-workspace-tools{justify-content:space-between;align-items:center;gap:18px;display:flex}.resource-workspace-tools>label{background:#fff;border:1px solid #ddd4cb;border-radius:10px;align-items:center;gap:9px;width:min(360px,42vw);height:42px;padding:0 13px;display:flex}.resource-workspace-tools svg{fill:none;stroke:#94877d;stroke-width:1.7px;width:17px;height:17px}.resource-workspace-tools input{color:#282522;width:100%;font:12px var(--sans);background:0 0;border:0;outline:0}.resource-workspace-tools>div{align-items:center;gap:6px;display:flex}.resource-workspace-tools button{color:#756b63;background:0 0;border:1px solid #0000;border-radius:8px;min-height:36px;padding:0 12px;font-size:11px}.resource-workspace-tools button:hover,.resource-workspace-tools button:focus-visible{background:#fff}.resource-workspace-tools button.active{color:#2e2925;background:#fff;border-color:#ded3c9;font-weight:700}.resource-workspace-layout{background:#fffdfa;border:1px solid #ded6ce;border-radius:12px;grid-template-columns:210px minmax(0,1fr);min-height:390px;display:grid;overflow:hidden}.resource-workspace-layout>aside{background:#f6f2ed;border-right:1px solid #e7dfd7;padding:20px 14px}.resource-workspace-layout>aside>span{color:#9b8f84;padding:0 10px 12px;font-size:10px;font-weight:700;display:block}.resource-workspace-layout nav{gap:4px;display:grid}.resource-workspace-layout nav button{color:#665e57;text-align:left;background:0 0;border-radius:8px;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;min-height:42px;padding:0 10px;font-size:12px;display:grid}.resource-workspace-layout nav button i{background:#c8beb5;border-radius:50%;width:6px;height:6px}.resource-workspace-layout nav button b{color:#b3a89e;font-weight:500}.resource-workspace-layout nav button.active{color:#292522;background:#fff;font-weight:700;box-shadow:0 2px 8px #4d3b2c0d}.resource-workspace-layout nav button.active i{background:var(--red)}.resource-results{min-width:0;padding:22px 24px}.resource-results>header{border-bottom:1px solid #ebe4dd;justify-content:space-between;align-items:flex-start;gap:18px;min-height:48px;padding-bottom:17px;display:flex}.resource-results h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:22px}.resource-results header p{color:#8b8077;margin:5px 0 0;font-size:10px}.resource-results header button{color:#a49a91;cursor:not-allowed;background:#f6f2ed;border:1px solid #e1d8d0;border-radius:8px;min-height:34px;padding:0 12px;font-size:10px}.resource-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:275px;display:flex}.resource-empty-mark{opacity:.58;width:55px;height:55px;margin-bottom:14px}.resource-empty h3{margin:0;font-size:15px}.resource-empty p{color:#81776f;max-width:420px;margin:7px auto 17px;font-size:11px;line-height:1.7}.resource-empty a{color:#fff;background:#292622;border-radius:8px;align-items:center;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.resource-helper{background:#fffdfa;border:1px solid #e2d9d1;border-radius:12px;padding:20px 22px}.resource-helper>header{border-bottom:1px solid #ebe3dc;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:16px;display:flex}.resource-helper h2{margin:0;font-size:15px}.resource-helper header p{color:#91857b;margin:0;font-size:10px}.resource-helper>div{grid-template-columns:repeat(3,1fr);display:grid}.resource-helper article{padding:18px 20px 2px 0;position:relative}.resource-helper article+article{border-left:1px solid #ebe3dc;padding-left:20px}.resource-helper article>span{background:#d94f45;width:20px;height:2px;margin-bottom:12px;display:block}.page-resource-sound .resource-helper article>span,.page-resource-sound .resource-workspace-layout nav button.active i{background:#688879}.resource-helper h3{margin:0;font-size:12px}.resource-helper article p{color:#81766e;margin:6px 0 0;font-size:10px;line-height:1.65}@media (width<=900px){.resource-workspace-summary{flex-direction:column;align-items:flex-start}.resource-workspace-summary dl{width:100%}.resource-workspace-summary dl div:first-child{border-left:0;padding-left:0}.resource-workspace-tools{flex-direction:column;align-items:flex-start}.resource-workspace-tools>label{width:100%}.resource-workspace-tools>div{max-width:100%;overflow-x:auto}.resource-workspace-layout{grid-template-columns:170px minmax(0,1fr)}}@media (width<=640px){.resource-workspace-page{gap:14px;padding-bottom:26px}.resource-workspace-summary{padding:15px}.resource-workspace-summary dl{grid-template-columns:1fr}.resource-workspace-summary dl div{border-top:1px solid #ebe3dc;border-left:0;padding:10px 0}.resource-workspace-tools>div{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.resource-workspace-tools button{background:#fff;border-color:#e4dcd4}.resource-workspace-layout{display:block}.resource-workspace-layout>aside{border-bottom:1px solid #e4dcd4;border-right:0}.resource-workspace-layout nav{grid-template-columns:repeat(2,1fr)}.resource-results{padding:18px 15px}.resource-empty{min-height:250px}.resource-helper>header{flex-direction:column;align-items:flex-start}.resource-helper>div{grid-template-columns:1fr}.resource-helper article+article{border-top:1px solid #ebe3dc;border-left:0;padding-left:0}}
