#workspace-directory{padding:20px 0 36px}#workspace-directory [data-section-icon]:before{display:none}#workspace-directory h1,#workspace-directory h2,#workspace-directory h3{letter-spacing:-.025em}#workspace-directory h1{font-size:clamp(30px,4vw,44px);margin:12px 0 6px}#workspace-directory p{color:var(--muted);line-height:1.7;margin:4px 0}#workspace-directory button,#workspace-directory a,#workspace-directory summary{touch-action:manipulation}#workspace-directory :is(a,button,input,select,summary):focus-visible{outline:3px solid #ba9200;outline-offset:3px}.ws-crumb{display:flex;gap:12px;color:var(--muted);font-size:12px}.ws-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:175px}.ws-kicker{font-size:10px;letter-spacing:.16em}.ws-kicker:before{content:'';display:inline-block;width:18px;height:4px;background:#ffda28;margin-right:10px}.ws-hero-art{position:relative;width:230px;flex:none}.ws-lock{position:absolute;top:70px;left:110px;font-size:38px;color:#d7a411;transform:rotate(7deg)}.ws-create{border:1px solid #ffe99f;background:linear-gradient(110deg,#fff8dc,#fffdf3);border-radius:14px;margin:16px 0 28px;color:#20211d}.ws-create summary{display:flex;align-items:center;gap:18px;padding:17px 20px;list-style:none;margin:0;font-size:16px}.ws-create summary::-webkit-details-marker{display:none}.ws-create summary small{display:block;font-size:12px;color:#797b72;margin-top:5px}.ws-create-icon,.ws-key{display:grid;place-items:center;width:54px;height:54px;flex:none;background:#fff0b1;border-radius:12px;color:#bc9300;font-size:32px}.ws-create-action{margin-left:auto}.ws-dark{background:#22251f;color:white;border:0;border-radius:10px;padding:12px 20px;min-height:44px;font-size:13px;font-weight:600;cursor:pointer}.ws-create-body{padding:0 22px 22px}.ws-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:22px 0 18px}.ws-toolbar h2{margin:0;font-size:24px;white-space:nowrap}.ws-toolbar h2 span{background:#fff3c3;border-radius:50%;font-size:12px;padding:7px 10px;margin-left:8px;color:#6e5b1c}.ws-controls{display:flex;gap:12px}.ws-controls input,.ws-controls select,.ws-redeem input{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:11px 12px;font:inherit;font-size:12px}.ws-controls input{width:210px}.ws-controls select{width:130px}.ws-view-switch{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.ws-view-switch button{border:0;padding:8px 13px;background:var(--white);color:var(--ink);font-size:20px;cursor:pointer}.ws-view-switch button[aria-pressed=true]{background:#ffe16a;color:#23251e}.ws-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ws-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:0 6px 18px #25251504}.ws-card[hidden]{display:none!important}.ws-card-art{position:relative;height:155px;background:radial-gradient(ellipse at center,#fff9e8,transparent 72%),#fbfaf7;border-radius:10px;display:grid;place-items:center}.ws-private{position:absolute;top:9px;right:35px;font-size:10px;color:#666a60;z-index:2}.ws-folder{width:155px;height:120px;position:relative;filter:drop-shadow(4px 8px 5px #77664522);transform:rotate(7deg)}.ws-folder-back{position:absolute;left:14px;top:20px;width:128px;height:95px;background:linear-gradient(120deg,#ebddc1,#f7edde);border-radius:8px 12px 8px 8px;border:1px solid #ddcfb2}.ws-folder-back:before{content:'';position:absolute;top:-13px;left:-1px;width:48px;height:20px;background:#f1e4cc;border:1px solid #e3d5b9;border-bottom:0;border-radius:7px 14px 0 0}.ws-folder-paper{position:absolute;left:20px;top:28px;width:125px;height:85px;background:#fffefb;border:1px solid #e6dfd2;border-radius:8px;transform:rotate(4deg)}.ws-folder-front{position:absolute;left:5px;top:36px;width:130px;height:82px;background:linear-gradient(135deg,#fffdf6,#eee4d4);border:2px solid #fffaf0;border-radius:6px 9px 8px 8px;box-shadow:2px 3px 3px #9e8d6b33;transform:skewY(4deg)}.ws-folder-image{position:absolute;inset:15px 31px;display:grid;place-items:center;overflow:hidden;border-radius:4px}.ws-folder-image img{display:block;width:100%;height:100%;object-fit:contain;max-height:48px}.ws-folder-image span{font-size:27px;font-weight:800;color:#ffc432}.ws-folder-hero{transform:rotate(4deg) scale(1.3);margin:10px auto 20px}.ws-folder-hero .ws-folder-image{visibility:hidden}.ws-card-body{padding:12px 2px 0}.ws-card h3{margin:0;font-size:19px;overflow-wrap:anywhere}.ws-card p{font-size:12px;overflow-wrap:anywhere}.ws-status{display:inline-block;font-size:10px;border-radius:20px;padding:4px 9px;margin:9px 0;background:#eee;color:#666}.ws-status.is-active{background:#dff4e3;color:#327943}.ws-card-actions{display:grid;gap:8px;margin-top:6px}.ws-open,.ws-manage{display:flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:10px;min-height:40px;font-size:12px}.ws-open{background:#242620;color:white;font-weight:700}.ws-card:first-child .ws-open{background:#ffda2e;color:#242620}.ws-open:hover{filter:brightness(.95)}.ws-manage{border:1px solid var(--line);color:var(--ink)}.ws-cover-menu{position:absolute;right:5px;top:2px;z-index:5}.ws-cover-menu summary{list-style:none;cursor:pointer;padding:3px 10px;font-size:24px!important;margin:0!important;color:#555}.ws-cover-menu>div{position:absolute;right:0;top:34px;width:240px;background:var(--white);border:1px solid var(--line);padding:15px;border-radius:12px;box-shadow:0 12px 35px #0002}.ws-upload-label{display:block;font-size:13px;font-weight:600}.ws-upload-label input{display:block;width:100%;font-size:11px;margin-top:12px}.ws-cover-menu small{display:block;font-size:11px;color:var(--muted);margin-top:10px;line-height:1.7}.ws-cover-menu button{margin-top:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:7px}.ws-empty{text-align:center;padding:36px;border:1px dashed var(--line);border-radius:14px}.ws-redeem{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:1px solid var(--line);border-radius:15px;padding:22px;background:var(--white);margin-top:26px}.ws-redeem>div:first-child{display:flex;gap:16px;align-items:center}.ws-redeem h2{font-size:18px;margin:0}.ws-redeem p,.ws-redeem small{font-size:12px;color:var(--muted)}#workspace-directory .ws-redeem form{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 7px}.ws-redeem input{flex:1;width:120px}.ws-redeem .form-error{width:100%;margin:0}.ws-cards.ws-list{grid-template-columns:1fr}.ws-list .ws-card{display:flex;gap:20px;align-items:center}.ws-list .ws-card-art{width:190px;flex:none}.ws-list .ws-card-body{flex:1}.ws-list .ws-card-actions{display:flex}.ws-list .ws-card-actions a{min-width:140px}@media(max-width:900px){.ws-toolbar{align-items:flex-start;flex-direction:column}.ws-controls{width:100%}.ws-controls input{flex:1}.ws-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-redeem{grid-template-columns:1fr}.ws-hero-art{width:165px}}@media(max-width:560px){.ws-hero-art{display:none}.ws-hero{min-height:160px}.ws-create summary{padding:14px;gap:12px;flex-wrap:wrap}.ws-create-action{width:100%;text-align:center}.ws-create-icon{width:44px;height:44px}.ws-controls{gap:7px;flex-wrap:wrap}.ws-controls input{width:100%;flex-basis:100%}.ws-controls select{flex:1}.ws-cards{grid-template-columns:1fr}.ws-card-art{height:175px}.ws-list .ws-card{gap:10px}.ws-list .ws-card-art{width:105px}.ws-list .ws-folder{transform:scale(.67)}.ws-list .ws-private{display:none}.ws-list .ws-card-actions{display:grid}.ws-list .ws-card-actions a{min-width:0}.ws-redeem{padding:16px}.ws-redeem .ws-key{width:42px;height:42px}.ws-cover-menu>div{width:220px}}
.ws-lock svg{width:38px;height:38px}.ws-private{display:flex;gap:4px;align-items:center}.ws-private svg{width:12px;height:12px}.ws-redeem .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ws-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:10px 0 16px;padding:13px 0;border-top:1px solid var(--line)}.ws-metadata div{min-width:0}.ws-metadata dt{font-size:11px;color:var(--muted);margin-bottom:4px}.ws-metadata dd{margin:0;font-size:12px;color:var(--ink);overflow-wrap:anywhere;line-height:1.6}.ws-list .ws-metadata{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.ws-list .ws-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ws-list .ws-metadata{grid-template-columns:1fr}.ws-list .ws-card{align-items:flex-start}.ws-list .ws-card-body{min-width:0}}
.ws-card-art>.ws-cover-image{display:block;width:100%;height:100%;min-height:0;min-width:0;object-fit:cover;border-radius:inherit}.ws-card-art:has(>.ws-cover-image) .ws-private{background:#fffffff0;color:#333;padding:4px 7px;border-radius:6px}.ws-card-art:has(>.ws-cover-image) .ws-cover-menu>summary{background:#fffffff0;color:#333;border-radius:6px}

/* Compact workspace directory */
.sample-directory .ws-hero{min-height:0;padding:8px 0 18px}.sample-directory .ws-hero-art,.sample-directory .ws-kicker{display:none}.sample-directory h1{font-size:30px!important;margin:8px 0 2px!important}.sample-directory .ws-hero p{font-size:13px}.sample-directory .ws-redeem{margin:0 0 22px;padding:14px 18px;background:linear-gradient(110deg,#fff8e5,var(--white));border-color:#f4dfa0;align-items:center;gap:20px}.sample-directory .ws-redeem h2{font-size:14px}.sample-directory .ws-redeem .ws-key{width:38px;height:38px;font-size:26px}.sample-directory .ws-redeem>div>small{display:none}.sample-directory .ws-redeem button{background:#ffda35;color:#222}.sample-directory .ws-toolbar h2{font-size:20px}.sample-directory .ws-cards{gap:16px}.sample-directory .ws-card{padding:10px;border-radius:12px}.sample-directory .ws-card-art{height:125px}.sample-directory .ws-folder{transform:scale(.8) rotate(7deg)}.sample-directory .ws-card h3{font-size:16px}.sample-directory .ws-card-body>p{display:none}.sample-directory .ws-metadata{gap:8px;padding:10px 0;margin:4px 0 6px}.sample-directory .ws-metadata>div:nth-child(2),.sample-directory .ws-metadata>div:nth-child(4){display:none}.sample-directory .ws-metadata dt{font-size:10px}.sample-directory .ws-metadata dd{font-size:11px}.sample-directory .ws-open,.sample-directory .ws-card:first-child .ws-open{background:#242620;color:white;min-height:34px;padding:7px}.sample-directory .ws-status{margin:6px 0}.ws-cover-menu>div{width:185px;padding:6px}.ws-cover-menu>div>a,.ws-cover-menu>div>label,.ws-cover-menu>div>button{display:block;box-sizing:border-box;width:100%;padding:11px 12px;margin:0;border:0;border-radius:5px;background:transparent;text-align:left;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.ws-cover-menu>div>:hover{background:var(--surface)}.ws-cover-menu .ws-upload-label input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.ws-cover-menu>div>.ws-delete{color:#b42318}.ws-delete-dialog{max-width:480px}.ws-delete-actions{display:flex;gap:10px;justify-content:flex-end}.ws-delete-actions button:disabled{opacity:.5;cursor:wait}.sample-directory .ws-list .ws-card-art{width:110px;height:95px}.sample-directory .ws-list .ws-card{position:relative}.sample-directory .ws-list .ws-cover-menu{position:static}.sample-directory .ws-list .ws-cover-menu>summary{position:absolute;right:6px;top:2px}.sample-directory .ws-list .ws-cover-menu>div{top:32px;right:6px}.sample-directory .ws-list .ws-private{display:flex;right:38px}.sample-directory .ws-list .ws-card-art{position:static}.sample-directory .ws-list .ws-card-body{padding:0}.sample-directory .ws-list .ws-metadata{grid-template-columns:1fr 1fr}.sample-directory .ws-list .ws-cover-image{width:110px;height:95px;object-fit:cover}
@media(max-width:560px){.sample-directory .ws-hero{padding-bottom:14px}.sample-directory h1{font-size:25px!important}.sample-directory .ws-redeem{padding:12px;gap:10px}.sample-directory .ws-redeem form{display:grid!important;grid-template-columns:1fr}.sample-directory .ws-redeem input{width:100%}.sample-directory .ws-redeem button{width:100%}.sample-directory .ws-toolbar{gap:12px}.sample-directory .ws-list .ws-card{gap:10px;padding:10px;align-items:center}.sample-directory .ws-list .ws-card-art{width:60px;height:65px}.sample-directory .ws-list .ws-folder{transform:scale(.4);transform-origin:center;width:155px;flex:none}.sample-directory .ws-list .ws-cover-image{width:60px;height:65px}.sample-directory .ws-list .ws-card h3{padding-right:70px;font-size:14px}.sample-directory .ws-list .ws-metadata{border:0;padding:0;margin:0;display:flex;gap:9px}.sample-directory .ws-list .ws-metadata dt{display:none}.sample-directory .ws-list .ws-metadata dd{font-size:9px}.sample-directory .ws-list .ws-card-actions{margin:0}.sample-directory .ws-list .ws-open{position:absolute;right:8px;bottom:8px;width:30px;min-height:26px;font-size:0;background:transparent!important;color:var(--ink)!important}.sample-directory .ws-list .ws-open:after{content:'›';font-size:22px}.sample-directory .ws-list .ws-status{font-size:9px;padding:2px 6px}.sample-directory .ws-list .ws-private{font-size:8px;top:9px}.sample-directory .ws-list .ws-cover-menu>div{z-index:10}}

@media(max-width:560px){.sample-directory .ws-list .ws-folder{zoom:.4;transform:rotate(7deg);width:155px;height:120px}.sample-directory .ws-list .ws-card-art{overflow:visible}}