.back{text-decoration:none;font-size:23px}.project-actions{margin:var(--sp-5) 0}.action{border:0;border-radius:999px;padding:12px 18px;background:#222225;color:#fff;font:600 14px var(--sans);cursor:pointer}.action:hover{background:#303034}.action.primary{background:#0088ff}.action.primary:hover{background:#0077e6}.project-list,.project-tools{display:grid;gap:var(--sp-2)}.project-list a,.project-tool{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:16px;background:#18181a;color:#fff;text-decoration:none}.project-list a:hover,.project-tool:hover{background:#222225}.project-tool img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.project-tool span:nth-child(2){flex:1}.project-tool b,.project-tool small{display:block}.project-tool small{color:#8e8e93;margin-top:3px}.empty,.notice{color:#8e8e93;font-size:13px;line-height:1.5}.notice{margin-top:var(--sp-5);max-width:700px}dialog{width:min(420px,calc(100% - 40px));border:0;border-radius:24px;background:#141416;color:#fff;padding:var(--sp-5);font:14px/1.5 var(--sans)}dialog::backdrop{background:#0009}dialog h2{margin:0 0 var(--sp-2);font-size:17px;color:#fff;text-transform:none;letter-spacing:0}dialog p{color:#8e8e93}dialog label{display:block;margin:var(--sp-4) 0 var(--sp-2);color:#d1d1d6}dialog input{width:100%;border:0;border-radius:14px;background:#222225;color:#fff;padding:var(--sp-3);font:15px var(--sans)}.dialog-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}.dialog-actions button{flex:1}.error{color:#ff746c}

.project-row{display:flex;gap:var(--sp-2)}.project-row a{flex:1;min-width:0;overflow-wrap:anywhere}.project-row .action{flex:none}

/* Карточки проектов в том же стиле, что и плитки главного меню. */
.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
.project-row{display:block;position:relative;min-width:0;aspect-ratio:1/1}
.project-list .project-row a{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;border-radius:20px;padding:var(--sp-3);background:#18181a}
.project-list .project-row a:hover{background:#1f1f22}
.project-copy{position:relative;z-index:1;display:block;padding-right:var(--sp-1)}.project-name{display:block;overflow-wrap:anywhere;font:600 clamp(15px,4.7vw,17px)/1.2 var(--sans);letter-spacing:-.01em}.project-sub{display:block;margin-top:3px;color:var(--t3);font:500 12px/1.3 var(--sans)}
.project-art,.project-art-small{position:absolute;z-index:-1;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45)) saturate(.92);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.project-art{width:70%;right:-13%;top:34%;transform:rotate(4deg)}.project-art-small{width:36%;left:30%;top:72%;transform:rotate(-8deg)}.project-row a:hover .project-art{transform:translateY(-4px) rotate(6deg)}.project-row a:hover .project-art-small{transform:translateY(3px) rotate(-11deg)}
.project-row .action{position:absolute;z-index:2;left:12px;bottom:12px;padding:6px 10px;background:#2c2c2e;color:#d1d1d6;font-size:11px}.project-row .action:hover{background:#45454a;color:#fff}
@media(min-width:900px){.project-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);max-width:916px}.project-row{aspect-ratio:1.15}.project-list .project-row a{padding:var(--sp-4)}.project-name{font-size:17px}}

/* Account storage and recoverable trash. */
[hidden]{display:none!important}
.project-top{display:flex;gap:var(--sp-3);align-items:center}.project-top>span{flex:1;color:#93939d;font-size:13px}
.project-controls{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;margin:var(--sp-5) 0 var(--sp-4);flex-wrap:wrap}
.project-tabs{display:flex;gap:var(--sp-1);background:#18181c;border:1px solid #ffffff0c;padding:var(--sp-1);border-radius:999px}
.project-tabs .action{background:transparent;color:#92929b}.project-tabs .action.on{background:#313139;color:#fff}
.storage-banner{display:flex;gap:var(--sp-4);align-items:center;justify-content:space-between;border:1px solid #248aff35;border-radius:18px;background:#1689ff0a;padding:var(--sp-4) var(--sp-4);margin-top:var(--sp-5);max-width:916px}
.storage-banner p{margin:0;max-width:570px;color:#b4b4bd;font-size:13px;line-height:1.5}.storage-banner .action{flex:none}
#project-status:empty,#storage-usage:empty{display:none}#project-status.error{color:#ff827b}
#local-section{margin-top:var(--sp-5)}#local-section>.notice{margin-top:0;margin-bottom:var(--sp-4)}
.project-list .project-card{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;border:1px solid #ffffff0b;border-radius:20px;padding:var(--sp-4);background:#18181a;color:#fff;text-decoration:none}
.project-card-actions{position:absolute;z-index:2;display:flex;flex-wrap:wrap;gap:var(--sp-1);bottom:12px;left:12px;right:12px}
.project-row .project-card-actions .action{position:static;max-width:100%;padding:7px 11px;min-height:30px;font-size:11px;background:#303035}
.project-row .project-card-actions .action:disabled{opacity:.5;cursor:wait}
.project-row .project-card-actions .action:last-child:not(:first-child){background:#086ac0;color:#fff}
.in-trash .project-art{opacity:.3;filter:grayscale(1)}.in-trash .project-sub{font-size:11px;line-height:1.5}
button:focus-visible,a:focus-visible{outline:2px solid #65b4ff;outline-offset:3px}
@media(max-width:550px){.storage-banner{align-items:flex-start;flex-direction:column}.project-controls>.primary{width:100%}.project-tabs{width:100%}.project-tabs .action{flex:1}.project-row{min-height:190px}.project-name{font-size:16px}.project-card-actions{gap:var(--sp-1)}.project-row .project-card-actions .action{padding:7px 8px}}

.notice:empty{display:none}.pack-download{display:inline-flex;align-items:center;text-decoration:none;min-height:44px;cursor:pointer}.pack-download[aria-disabled="true"]{opacity:.5;cursor:wait}.project-top>.account{margin-left:auto}.download-ready{color:#75bbff;text-decoration:underline}

/* The editor choices use the same illustrated cards as the pack library. */
.project-page .project-actions{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;margin:var(--sp-5) 0 0}
.project-page .pack-download{gap:8px;justify-content:center}
.project-page .pack-download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-page .project-actions .action{min-height:44px}
.project-page .project-actions .action:disabled{opacity:.5;cursor:wait}
.project-page #export-status:not(:empty){margin:var(--sp-3) 0 0}
.project-page .project-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);max-width:916px}
.project-page .project-tool{position:relative;display:block;aspect-ratio:1;min-width:0;overflow:hidden;isolation:isolate;padding:var(--sp-4);border:1px solid #ffffff0b;border-radius:20px;background:#18181a;transition:background .2s,transform .12s}
.project-page .project-tool:hover{background:#1f1f22}.project-page .project-tool:active{transform:scale(.97)}
.project-page .project-tool span{position:relative;z-index:1;display:block;max-width:95%}
.project-page .project-tool b{font:600 clamp(15px,4.7vw,17px)/1.2 var(--sans);letter-spacing:-.01em}
.project-page .project-tool small{max-width:200px;color:var(--t3);font:500 12px/1.35 var(--sans);margin-top:var(--sp-1)}
.project-page .project-tool img{position:absolute;z-index:-1;right:-8%;bottom:-9%;width:63%;height:63%;object-fit:contain;image-rendering:pixelated;transform:rotate(5deg);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.project-page .project-tool:hover img{transform:translateY(-4px) rotate(8deg)}
@media(min-width:900px){.project-page .project-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.project-page .project-tool{aspect-ratio:1.15;padding:var(--sp-4)}.project-page .project-tool b{font-size:17px}}
@media(max-width:400px){.project-page .project-tool{min-height:185px}.project-page .project-tool small{font-size:11px;max-width:135px}}

/* Square cards scale together across the library and the editor menu. */
.project-list,.project-page .project-tools{width:100%;max-width:916px;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.project-row,.project-page .project-tool{aspect-ratio:1 / 1;min-height:0;min-width:0}
.project-page .project-tool{display:block;padding:var(--sp-4)}
.project-page .project-tool span{overflow-wrap:anywhere}
.project-page .project-tool small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:clamp(10px,3vw,12px)}
.project-page .project-tool img{position:absolute;right:-8%;bottom:-9%;width:63%;height:63%;max-width:none;max-height:none;margin:0}
.project-list .project-card{padding:var(--sp-4)}
.project-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.project-page .hi h1{overflow-wrap:anywhere}
@media(min-width:600px){.project-list,.project-page .project-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}}
@media(min-width:900px){.project-list,.project-page .project-tools{grid-template-columns:repeat(4,minmax(0,1fr))}}