/* The breadcrumb and footer stay fixed; only the large title and folders scroll. */
.app:has(> .main > .my-projects){height:100dvh;min-height:0;overflow:hidden}
.plain-main:has(> .my-projects){height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}
.my-projects{display:flex;flex-direction:column;height:100%;min-height:0!important;width:100%;max-width:none;overflow:hidden;padding:34px clamp(24px,3.5vw,56px) 26px!important}
.my-projects>.mp-breadcrumb, .my-projects>.mp-heading, .my-projects>.mp-footer{flex-shrink:0}
.mp-breadcrumb{display:flex;align-items:center;gap:10px;color:#888c87;font-size:12px}
.mp-breadcrumb button{padding:0;border:0;background:none;color:inherit}
.mp-breadcrumb a{color:inherit;text-decoration:none}
.mp-breadcrumb [aria-current]{color:#535a53}
.mp-heading{display:flex;align-items:baseline;gap:16px;margin:18px 0 28px}
.mp-heading h1{font-size:32px;font-weight:600;letter-spacing:-1px;margin:0;line-height:1.2}
.mp-project-total{font-size:12px;color:inherit;text-align:left}
.mp-button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid #dfe3da;border-radius:10px;background:#fff;color:#394035;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}
.mp-button svg{width:18px;height:18px;flex-shrink:0}
.mp-button:hover{background:#edf0e9}.mp-button:active{transform:scale(.97)}
.mp-button.mp-primary{background:var(--yellow);color:#292408;border-color:transparent;font-weight:500}
.mp-button.mp-primary:hover{background:#f1c81d}
.my-projects button:disabled{opacity:.45;cursor:not-allowed}
.mp-error{color:#a74636!important;background:#f9efeb}
.mp-project-area{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;margin-inline:-12px;padding-inline:12px;scroll-padding-block:26px}
.mp-project-area:focus-visible{outline:2px solid #b89a29;outline-offset:-2px}
.mp-scroll-shell{position:relative;display:flex;flex:1 1 0;min-height:0}
.mp-scroll-shell>.mp-project-area{width:100%}
.my-projects>.mp-fixed-bar{height:40px;transition:none;z-index:2}
.mp-scroll-content{display:flow-root}
.my-projects .mp-scrolling-heading{height:40px;margin:8px 0 24px;min-width:0}
.mp-scrolling-heading h1{width:100%;min-width:0;max-width:100%;line-height:40px}
@media(max-width:600px){.my-projects>.mp-fixed-bar{height:78px}.my-projects .mp-scrolling-heading{margin-top:14px}}
@media(pointer:coarse){.my-projects>.mp-fixed-bar{height:52px}}
@media(pointer:coarse) and (max-width:600px){.my-projects>.mp-fixed-bar{height:84px}}
.mp-back-top{position:absolute;right:4px;bottom:16px;z-index:10;width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfe3da;border-radius:50%;background:#fff;color:#535a53;box-shadow:0 4px 16px #00000014;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .16s,transform .16s,visibility .16s}
.mp-back-top.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mp-back-top:hover{background:#fff6cf}.mp-back-top:active{transform:scale(.94)}
.mp-back-top:focus-visible{outline:2px solid #b89a29;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.mp-back-top{transition:none}}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:28px 22px;padding:26px 0}
.mp-project{min-width:0;border-radius:12px;position:relative}
.mp-drop-target{outline:1px dotted #d6d8d4;outline-offset:8px;border-radius:16px}
.mp-folder{isolation:isolate;width:100%;aspect-ratio:1.43;position:relative;border:0;padding:0;background:transparent;color:#fff;text-align:left;perspective:800px;transition:transform .22s;display:block}
.mp-folder-shadow{position:absolute;left:8%;right:8%;bottom:-3px;height:16px;border-radius:50%;background:#0004;filter:blur(12px)}
.mp-folder-back{position:absolute;left:3%;right:3%;top:14%;bottom:1%;border-radius:20px;background:linear-gradient(150deg,rgba(var(--folder-rgb),1),#090a0b);box-shadow:inset 0 1px 1px #ffffff30}
.mp-sheet{position:absolute;object-fit:cover;left:11%;width:77%;top:11%;height:66%;border-radius:16px;border:1px solid #0003;box-shadow:0 1px 3px #0002;transform-origin:50% 90%;transition:transform .52s cubic-bezier(.22,.8,.24,1)}
.mp-sheet-back{left:17%;width:72%;transform:translate(0,-3px) rotate(4deg) scale(1);filter:brightness(.78)}
.mp-sheet-middle{left:9%;transform:translate(0,0) rotate(-3deg) scale(1);filter:brightness(.92)}
.mp-sheet-front{transform:translate(0,0) rotate(0deg) scale(1)}
.mp-folder-cover{position:absolute;left:2%;right:2%;bottom:1%;height:79%;border-radius:16px 16px 19px 19px;background:linear-gradient(180deg,rgba(var(--folder-rgb),.83),rgba(var(--folder-rgb),.93) 70%,rgba(var(--folder-rgb),.99));backdrop-filter:blur(6px) saturate(.62);-webkit-backdrop-filter:blur(6px) saturate(.62);border:1px solid #ffffff20;box-shadow:inset 0 1px 1px #ffffff27,0 6px 9px #0002,0 1px 2px #0004;transform-origin:50% 100%;transition:height .52s cubic-bezier(.22,.8,.24,1),transform .52s cubic-bezier(.22,.8,.24,1);overflow:hidden}
.mp-folder-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent,#ffffff06 42%,transparent 70%)}
.mp-folder-label{position:absolute;top:14px;left:15px;right:14px;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:4px}
.mp-folder-label>small{font-size:10px;color:#d4d4d9;font-weight:400;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-folder-label>strong{font-size:14px;display:block;min-width:0;max-width:100%;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.mp-folder-label>span{font-size:10px;color:#d0d0d4;display:flex;align-items:center;gap:4px}
.mp-folder-check{position:absolute;bottom:13px;right:13px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;color:#202024}
.mp-open .mp-folder-cover{height:64%;transform:rotateX(-23deg)}
.mp-open .mp-sheet-back{transform:translate(7px,-16px) rotate(9deg) scale(1)}
.mp-open .mp-sheet-middle{transform:translate(-4px,-21px) rotate(-7deg) scale(1)}
.mp-open .mp-sheet-front{transform:translate(-6px,-16px) rotate(-2deg) scale(1)}
/* One click, one target: cover and cards share a continuous motion clock.
   Consistent transform order keeps interpolation stable from rest or hover. */
.mp-entering{z-index:5;pointer-events:none;--mp-entry-duration:1.1s;--mp-entry-ease:cubic-bezier(.22,.68,.28,1)}
.my-projects .mp-entering .mp-folder{transform:translateY(-6px) scale(1.07);transition:transform var(--mp-entry-duration) var(--mp-entry-ease);will-change:transform}
.my-projects .mp-project.mp-entering .mp-folder-cover{height:64%;transform:rotateX(-42deg);transition:transform var(--mp-entry-duration) var(--mp-entry-ease),height var(--mp-entry-duration) var(--mp-entry-ease)}
.mp-entering .mp-sheet{transition:transform var(--mp-entry-duration) var(--mp-entry-ease);will-change:transform}
.mp-entering .mp-sheet-back{transform:translate(18px,-44px) rotate(10deg) scale(1)}
.mp-entering .mp-sheet-middle{transform:translate(-12px,-54px) rotate(-8deg) scale(1)}
.mp-entering .mp-sheet-front{transform:translate(-3px,-62px) rotate(-2deg) scale(1.02)}
.my-projects.mp-leaving{opacity:.25;transition:opacity .35s cubic-bezier(.4,0,.6,1)}
@media(prefers-reduced-motion:reduce){.my-projects.mp-leaving{opacity:1;transform:none;transition:none}}
.mp-entering .mp-folder-inner-actions{opacity:0;transition:opacity .1s}
@media(prefers-reduced-motion:reduce){.my-projects .mp-project.mp-entering .mp-folder,.my-projects .mp-project.mp-entering .mp-folder-cover,.mp-entering .mp-sheet{transform:none;translate:none;animation:none;transition:none!important}}

.mp-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4e6df;padding-top:20px;margin-top:24px;color:#737373;font-size:12px}
.mp-footer button{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 10px;border:0;background:none;color:inherit;border-radius:8px;white-space:nowrap;font-size:13px}
.mp-footer button:not(:disabled):hover{background:transparent;color:#525252;transform:scale(1.055)}
.mp-footer b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:#e5e5e5;color:inherit;font-size:11px;font-weight:400}
.mp-empty,.mp-loading{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px 24px;color:#666}
.mp-empty-icon{width:88px;height:74px;border-radius:22px;background:#f1f1f1;display:grid;place-items:center;color:#777;margin-bottom:22px}
.mp-empty h2{font-size:21px;color:#444;font-weight:500;margin:0 0 10px}
.mp-empty p{max-width:400px;font-size:14px;line-height:1.8;margin:0 0 24px}
.mp-dialog{position:fixed;inset:0;margin:auto;height:fit-content;box-sizing:border-box;border:1px solid #e0e4d9;background:#fafbf8;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:28px;border-radius:20px;box-shadow:0 24px 90px #20271e30;color:#343d2f}
.mp-dialog::backdrop{background:#242b254d;backdrop-filter:blur(4px)}
.mp-dialog.mp-project-create-dialog{background:#fff}
.mp-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}
.mp-dialog header small{font-size:10px;letter-spacing:2px;color:#8b967e}
.mp-dialog h2{margin:6px 0 0;font-size:23px;font-weight:500}
.mp-dialog header button{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;color:#77836c;border-radius:8px}
.mp-dialog label{display:block;font-size:13px;margin-bottom:18px;font-weight:500}
.mp-dialog input,.mp-dialog textarea{display:block;width:100%;font-family:inherit;font-size:14px;border:1px solid #dce1d4;background:#fff;padding:11px 12px;margin-top:8px;border-radius:9px;color:#30362b;outline-color:#a3af91}
.mp-dialog textarea{min-height:90px;resize:vertical}
.mp-required{color:var(--yellow)}
.mp-dialog fieldset{border:0;margin:0;padding:0}
.mp-dialog legend{font-size:13px;font-weight:500;margin-bottom:10px}
.mp-dialog fieldset>small{display:block;font-size:11px;color:#859078;margin-top:9px}
.mp-colors{display:flex;flex-wrap:wrap;gap:8px}
.mp-colors button{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:3px solid #fafbf8;box-shadow:inset 0 0 0 1px #20252024;border-radius:50%;color:#fff;cursor:pointer}
.mp-colors button[aria-pressed=true]{outline:none}
.mp-colors button:focus-visible{outline:2px solid #343d2f;outline-offset:3px}
.mp-project[data-folder-tone=light] .mp-folder-back{background:linear-gradient(150deg,rgb(var(--folder-rgb)),color-mix(in srgb,rgb(var(--folder-rgb)),#39424a 18%))}
.mp-project[data-folder-tone=light] .mp-folder-cover{border-color:#26323d24;box-shadow:inset 0 1px 1px #ffffffb3,0 6px 9px #00000012,0 1px 2px #00000024}
.mp-project[data-folder-tone=light] .mp-folder-label>strong{color:#28313a}
.mp-project[data-folder-tone=light] .mp-folder-label>small, .mp-project[data-folder-tone=light] .mp-folder-label>span{color:#424b53}
.mp-project[data-folder-tone=light] .mp-folder-check{border-color:#28313a55}
.mp-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding-top:24px}
.mp-dialog footer .mp-button{min-width:84px}
.mp-project-dialog>form>header{align-items:flex-start}
.mp-project-dialog>form>label>input:focus{outline:none;border-color:#b2b8ac;box-shadow:0 0 0 3px #bec5b319}
.mp-project-dialog>form>header>button{margin-top:-9px;margin-right:-8px}
.mp-project-create-dialog>form>header{align-items:center}
.mp-project-create-dialog>form>header>h2{margin:0}
.mp-project-create-dialog>form>header>button{margin-top:0}
.mp-project-dialog-footer{align-items:center;flex-wrap:wrap}
.mp-dialog-actions{display:flex;gap:16px;margin-right:auto;flex-wrap:wrap}
.mp-dialog-actions button{display:inline-flex;align-items:center;min-height:38px;padding:0;border:0;background:transparent;color:#6e7767;font-size:13px;cursor:pointer;transition:color .18s ease,opacity .12s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.mp-project-dialog>form>header>button{color:#6e7767;cursor:pointer;transition:color .18s ease,opacity .12s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.mp-dialog-actions button:not(:disabled):hover,.mp-project-dialog>form>header>button:not(:disabled):hover{background:transparent;color:var(--ink-soft);transform:scale(1.055)}
.mp-dialog-actions button:not(:disabled):active,.mp-project-dialog>form>header>button:not(:disabled):active{background:transparent;transform:scale(.93);opacity:.72}
.mp-dialog-actions button:disabled,.mp-project-dialog>form>header>button:disabled{opacity:.4;cursor:not-allowed}
.mp-color-dialog .mp-color-hex{margin:20px 0 0}
.mp-color-dialog .mp-color-hex input{border-left-width:12px;font-variant-numeric:tabular-nums}
.mp-color-dialog footer{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){.mp-dialog-actions button,.mp-project-dialog>form>header>button{transition:none}.mp-dialog-actions button:not(:disabled):hover,.mp-dialog-actions button:not(:disabled):active,.mp-project-dialog>form>header>button:not(:disabled):hover,.mp-project-dialog>form>header>button:not(:disabled):active{transform:none}}
.mp-dialog-actions button svg{width:13px;height:13px}
.mp-colors button.mp-color-add{background:transparent;border:1px dashed #a8afa4;box-shadow:none;color:#7c8676}
.mp-color-popover{display:flex;gap:20px;padding:18px 0 0;align-items:center}
.mp-color-wheel{position:relative;width:164px;height:164px;flex-shrink:0;border-radius:50%;touch-action:none;background:radial-gradient(circle,#fff,transparent),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}
.mp-color-wheel i{position:absolute;width:12px;height:12px;border:2px solid white;box-shadow:0 0 0 1px #333;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.mp-color-controls{flex:1;min-width:0}.mp-color-controls label{font-size:12px;margin-bottom:8px}.mp-color-controls input[type=range]{padding:0;margin:4px 0;height:16px;accent-color:#c9a829}
.mp-color-controls>div{display:flex;gap:6px;flex-wrap:wrap}.mp-color-controls .mp-button{height:32px;padding:0 8px;font-size:12px}
@media(max-width:480px){.mp-color-popover{flex-direction:column}.mp-color-controls{width:100%}.mp-dialog-actions{gap:10px}.mp-project-dialog{padding:22px}}
.my-projects .mp-footer{justify-content:space-between;flex-direction:row;align-items:center;border-top:0;margin-top:0;padding-top:12px}
.my-projects .mp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:28px 22px;padding:26px 0;max-width:none;margin:0}
/* Keep the approved raised cards clear of the title; width is measured by the visual. */
.my-projects .mp-grid:has(>.mp-create-card[data-folder-motion=true]){padding-top:var(--mp-create-reveal-room,80px)}
.my-projects .mp-scroll-content:has(.mp-create-card[data-folder-motion=true])>.mp-scrolling-heading{margin-bottom:0}
/* Preserve the heading/card baseline while allowing the decorative fan's side overhang. */
.my-projects .mp-project-area:has(.mp-create-card[data-folder-motion=true]){margin-inline:-24px;padding-inline:24px}
.my-projects .mp-folder,.my-projects .mp-create-card{aspect-ratio:1.43}.mp-folder-hit{position:absolute;inset:0;width:100%;height:100%;z-index:5;border:0;background:transparent;border-radius:12px;cursor:pointer;touch-action:pan-y}.mp-folder-hit:focus-visible{outline:2px solid #8c751e;outline-offset:4px}
.my-projects .mp-folder-back{border-radius:15px}.my-projects .mp-folder-cover{border-radius:12px 12px 15px 15px;background:rgba(var(--folder-rgb),.5);pointer-events:none}.my-projects .mp-sheet{border:0;border-radius:11px;overflow:hidden;background:#f1f2ee}.my-projects .mp-sheet.has-cover{background:transparent}.mp-sheet img,.mp-sheet video{width:100%;height:100%;object-fit:cover;display:block}
.my-projects .mp-folder-label{top:10px;left:13px;right:13px;gap:4px}.my-projects .mp-folder-label>strong{font-size:14px;line-height:1.25}.my-projects .mp-folder-label>span{font-size:10px;line-height:1.35}.mp-folder-inner-actions{position:absolute;left:8px;right:8px;bottom:4px;z-index:6;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.mp-folder-inner-actions button,.mp-folder-inner-actions a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:4px;color:#fff;font-size:12px;border:0;background:none;border-radius:6px;text-decoration:none;cursor:pointer;pointer-events:auto}.mp-folder-inner-actions button:hover,.mp-folder-inner-actions a:hover{background:#ffffff25}.mp-folder-inner-actions button:focus-visible,.mp-folder-inner-actions a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.mp-project[data-folder-tone=light] .mp-folder-inner-actions button,.mp-project[data-folder-tone=light] .mp-folder-inner-actions a{color:#28313a}
.my-projects .mp-open .mp-folder-cover{height:64%;transform:rotateX(-23deg)}
.mp-folder-inner-actions .mp-folder-edit,.mp-folder-inner-actions .mp-folder-edit:hover,.mp-folder-inner-actions .mp-folder-edit:active{background:transparent;box-shadow:none}
.mp-folder-edit svg{transform-origin:center;transition:transform .18s cubic-bezier(.2,.8,.2,1.4),opacity .18s ease}
@media(hover:hover) and (pointer:fine){.mp-folder-edit:not(:disabled):hover svg{transform:scale(1.16)}}
.mp-folder-edit:not(:disabled):active svg{transform:scale(.84);opacity:.65;transition-duration:.08s}
@media(prefers-reduced-motion:reduce){.mp-folder-edit svg{transition:none!important}.mp-folder-edit:not(:disabled):hover svg,.mp-folder-edit:not(:disabled):active svg{transform:none}}
@media(hover:hover){.mp-folder:hover{transform:translateY(-3px)}.mp-project:not(.mp-open) .mp-folder:hover .mp-folder-cover{transform:rotateX(-5deg)}.mp-project:not(.mp-open) .mp-folder:hover .mp-sheet-front{transform:translate(0,-5px) rotate(0deg) scale(1)}}
@media(max-width:600px){.my-projects{padding:24px 18px!important}.mp-heading h1{font-size:27px}.mp-footer{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.mp-folder,.mp-sheet,.mp-folder-cover,.mp-button{transition:none!important}}
@media(max-height:600px){.my-projects{padding-top:16px!important;padding-bottom:12px!important}.my-projects .mp-heading{margin:10px 0 14px}.my-projects .mp-footer{padding-top:6px}}

/* Fixed footer controls, batch-only selection, and pointer drag feedback. */
.mp-footer-left,.mp-footer-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.mp-footer-right{justify-content:flex-end;gap:4px;margin-left:auto}
.mp-folder-inner-actions button.mp-trash-action{background:transparent;transition:opacity .12s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.mp-folder-inner-actions.mp-trash-actions{left:calc(2% + 10px);justify-content:flex-start;gap:12px}
.mp-folder-inner-actions button.mp-trash-action:not(:disabled):hover{background:transparent;transform:scale(1.055)}
.mp-folder-inner-actions button.mp-trash-action:not(:disabled):active{background:transparent;transform:scale(.93);opacity:.72}
@media(prefers-reduced-motion:reduce){.mp-folder-inner-actions button.mp-trash-action{transition:none}.mp-folder-inner-actions button.mp-trash-action:not(:disabled):hover,.mp-folder-inner-actions button.mp-trash-action:not(:disabled):active{transform:none}}
.mp-select-all{display:inline-flex;align-items:center;gap:7px;min-height:38px;cursor:pointer}
.mp-select-all input{appearance:none;position:relative;flex-shrink:0;width:14px;height:14px;margin:0;border:1px solid #8a9187;border-radius:3px;background:transparent;cursor:pointer}
.mp-select-all input:checked,.mp-select-all input:indeterminate{background:#f6d342;border-color:#f6d342}
.mp-select-all input:checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #28313a;border-width:0 1px 1px 0;transform:rotate(45deg)}
.mp-select-all input:indeterminate::after{content:"";position:absolute;left:2px;right:2px;top:5px;height:1px;background:#28313a;transform:none;border:0;width:auto}
.mp-select-all input:focus-visible{outline:2px solid #b89a29;outline-offset:3px}
.mp-select-all input:disabled{opacity:.4;cursor:not-allowed}
@media(forced-colors:active){.mp-select-all input{appearance:auto}}
.mp-footer button{transition:color .18s ease,opacity .12s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.mp-footer button:not(:disabled):active{transform:scale(.93);opacity:.72;background:transparent}
.mp-footer button:disabled{opacity:.4;cursor:not-allowed}
.mp-folder-select{position:absolute;z-index:7;right:8px;bottom:4px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.mp-folder-select input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.mp-folder-select .mp-folder-check{position:static;width:18px;height:18px;border-color:#ffffff8c;color:#28313a;pointer-events:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.mp-folder-select input:checked+.mp-folder-check{background:#f6d342;border-color:#f6d342}
.mp-folder-select input:focus-visible+.mp-folder-check{outline:2px solid #b89a29;outline-offset:3px}
.mp-folder-select:hover .mp-folder-check{transform:scale(1.1)}
.mp-folder-select:active .mp-folder-check{transform:scale(.9)}
.mp-folder-select:has(input:disabled){opacity:.5;cursor:not-allowed}
.mp-drag-source{opacity:.2}
.my-projects.mp-drag-preview{position:fixed;top:0;left:0;z-index:1000;margin:0;padding:0!important;display:block;overflow:visible;pointer-events:none;opacity:.78;transform-origin:center;will-change:transform}
.mp-drag-preview *{pointer-events:none!important}
.mp-drag-preview .mp-project{margin:0;outline:none}
/* Entry motion paints outside the scroller; its source retains the grid space. */
.mp-project[data-entry-overlay=true]{visibility:hidden}
.my-projects.mp-entry-preview{position:fixed;z-index:50;display:block;margin:0;padding:0!important;min-height:0!important;max-width:none;overflow:visible;pointer-events:none;background:transparent}
.mp-entry-preview .mp-project,.mp-entry-preview .mp-folder{overflow:visible}
.mp-entry-preview *{pointer-events:none!important}
.mp-page-header{--mp-header-expanded:112px;--mp-header-compact:40px;position:relative;flex:0 0 auto;height:var(--mp-header-expanded);transition:height .1s cubic-bezier(.16,1,.3,1)}
.mp-page-header .mp-breadcrumb{height:18px;min-width:0;white-space:nowrap;transform:translateY(7px);max-width:100%}
.mp-page-header .mp-breadcrumb>[aria-current],.mp-page-header .mp-breadcrumb>button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-page-header .mp-breadcrumb>span:not([aria-current]){flex-shrink:0}
.mp-page-header .mp-heading{height:40px;margin:30px 0 24px;min-width:0;transition:opacity .06s ease-out,transform .1s ease-out,visibility .1s}
.mp-page-header .mp-heading h1{min-width:0;max-width:100%;width:100%;line-height:40px}
.mp-title-edit{display:block;max-width:100%;height:24px;margin:0;border:0;padding:0;background:none;color:inherit;font:inherit;line-height:24px;letter-spacing:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;cursor:text}
.mp-title-edit:focus-visible{outline:2px solid #b89a29;outline-offset:4px;border-radius:3px}
.mp-heading .mp-title-input{display:block;box-sizing:border-box;appearance:none;width:100%;height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:24px;letter-spacing:inherit;outline:0;box-shadow:none}
.mp-page-header.is-compact{height:var(--mp-header-compact)}
.mp-page-header.is-compact .mp-heading{opacity:0;transform:translateY(-12px);visibility:hidden;pointer-events:none}
.mp-page-header.is-compact .mp-breadcrumb{transform:translateY(7px);max-width:100%}

.mp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.my-projects .mp-folder-label>.mp-folder-name{width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:600px){.mp-page-header{--mp-header-expanded:156px;--mp-header-compact:78px}.mp-page-header .mp-breadcrumb,.mp-page-header.is-compact .mp-breadcrumb{max-width:100%;transform:none}.mp-page-header .mp-heading{margin-top:74px}}
@media(pointer:coarse){.mp-page-header{--mp-header-compact:52px}.mp-page-header .mp-breadcrumb{transform:translateY(13px)}}
@media(pointer:coarse) and (max-width:600px){.mp-page-header{--mp-header-compact:84px}.mp-page-header .mp-breadcrumb{transform:none}}
@media(prefers-reduced-motion:reduce){.mp-page-header,.mp-page-header .mp-heading,.mp-page-header .mp-breadcrumb{transition:none}}
@media(max-width:850px){.my-projects .mp-footer{flex-wrap:wrap;gap:2px 12px}}
@media(prefers-reduced-motion:reduce){.mp-footer button,.mp-folder-select .mp-folder-check{transition:none}.mp-folder-select:hover .mp-folder-check,.mp-folder-select:active .mp-folder-check,.mp-footer button:not(:disabled):hover,.mp-footer button:not(:disabled):active{transform:none}}

/* The home and conversation share the same header baseline and horizontal inset. */
.content.my-projects{padding:0 28px 26px!important}
.my-projects>.mp-page-header.mp-fixed-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--app-header-height,66px);flex:0 0 var(--app-header-height,66px)}
.my-projects>.mp-page-header .mp-breadcrumb{height:auto;transform:none;max-width:none;flex:1;min-width:0;overflow:hidden}
.my-projects .mp-scrolling-heading{height:24px;margin:14px 0 24px}
.my-projects .mp-scrolling-heading h1{line-height:24px}
@media(max-width:760px){.content.my-projects{padding:0 8px 18px!important}.my-projects .mp-scrolling-heading{margin-top:6px}}
/* The opening fan extends beyond the folder face, including in the single-column layout. */
@media(max-width:760px){.content.my-projects:has(.mp-create-card[data-folder-motion=true]){padding-inline:24px!important}}