:root{--clay:#b4552d;--clay-dark:#96421f;--sand:#faf6f0;--card:#fff;--ink:#241c16;--ink-soft:#6d6259;--line:#e6dcd0;--green:#2f6b4f;--red:#b23b3b;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sand);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55}button{font:inherit;cursor:pointer}.gate{text-align:center;place-content:center;gap:8px;min-height:100dvh;padding:24px;display:grid}.gate h1{letter-spacing:.02em;margin:0;font-size:28px}.gate p{color:var(--ink-soft);max-width:34ch;margin:0 auto}.layout{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar__brand{flex-direction:column;line-height:1.25;display:flex}.topbar__brand strong{font-size:17px}.topbar__brand span{color:var(--ink-soft);font-size:13px}.topbar__meta{align-items:center;gap:10px;display:flex}.meter{background:var(--line);border-radius:99px;width:120px;height:7px;overflow:hidden}.meter__bar{background:var(--clay);height:100%;transition:width .3s}.topbar__percent{font-variant-numeric:tabular-nums;color:var(--ink-soft);min-width:3ch;font-size:14px}.badge{white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:13px}.badge--saving{color:var(--ink-soft);background:#f1ece4}.badge--saved{color:var(--green);background:#e6f0ea}.badge--error{color:var(--red);background:#f7e6e6}.body{flex:1;grid-template-columns:250px 1fr;align-items:start;display:grid}.nav{flex-direction:column;gap:2px;padding:16px 12px;display:flex;position:sticky;top:62px}.nav__item{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.nav__item:hover{background:#f1ebe3}.nav__item--active{background:var(--clay);color:#fff}.nav__title{align-items:center;gap:6px;font-weight:500;display:flex}.nav__check{color:var(--green)}.nav__item--active .nav__check{color:#fff}.nav__count{font-variant-numeric:tabular-nums;opacity:.7;font-size:13px}.panel{max-width:760px;padding:24px 28px 64px}.panel__head h1{margin:0;font-size:26px}.panel__head p{color:var(--ink-soft);margin:2px 0 24px}.fields{flex-direction:column;gap:20px;display:flex}.field__label{align-items:baseline;gap:8px;margin-bottom:3px;font-size:15px;font-weight:600;display:flex}.field__optional{color:var(--ink-soft);border:1px solid var(--line);border-radius:99px;padding:0 7px;font-size:12px;font-weight:400}.field__help{color:var(--ink-soft);margin:0 0 7px;font-size:13.5px}.field__error{color:var(--red);margin:6px 0 0;font-size:13.5px}.field input[type=text],.field input[type=number],.field textarea,.field select{border:1px solid var(--line);background:var(--card);width:100%;font:inherit;color:var(--ink);border-radius:9px;padding:10px 12px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--clay);outline-offset:-1px;border-color:#0000}.choices{gap:16px;display:flex}.choices--wrap{flex-wrap:wrap;gap:8px 16px}.choice{cursor:pointer;align-items:center;gap:6px;display:flex}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);background:var(--card);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:22px;display:flex}.dropzone:hover,.dropzone--active{border-color:var(--clay);background:#fffaf6}.dropzone span{color:var(--ink-soft);font-size:13.5px}.progress{color:var(--ink-soft);align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.progress__track{background:var(--line);border-radius:99px;flex:1;height:5px;overflow:hidden}.progress__bar{background:var(--clay);height:100%;transition:width .2s linear}.thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px;display:grid}.thumb{background:var(--card);border:1px solid var(--line);border-radius:9px;margin:0;overflow:hidden}.thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.thumb__video{aspect-ratio:1;color:#fff;background:#2b2620;place-content:center;font-size:13px;display:grid}.thumb figcaption{border-top:1px solid var(--line);justify-content:center;gap:2px;padding:3px;display:flex}.thumb figcaption button{color:var(--ink-soft);background:0 0;border:0;border-radius:6px;padding:2px 7px;line-height:1}.thumb figcaption button:hover:not(:disabled){background:#f1ebe3}.thumb figcaption button:disabled{opacity:.3;cursor:default}.thumb__remove:hover:not(:disabled){color:var(--red)}.uploader__count{color:var(--ink-soft);margin:8px 0 0;font-size:13px}.items{flex-direction:column;gap:18px;display:flex}.empty{color:var(--ink-soft);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);margin:0;padding:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.card__head h2{margin:0;font-size:18px}.card__delete{border:1px solid var(--line);color:var(--red);background:0 0;border-radius:8px;padding:5px 11px;font-size:13.5px}.card__delete:hover:not(:disabled){border-color:var(--red);background:#fbf0f0}.add{border:1px solid var(--clay);color:var(--clay);background:0 0;border-radius:9px;align-self:flex-start;padding:10px 18px;font-weight:600}.add:hover:not(:disabled){background:var(--clay);color:#fff}.add:disabled{opacity:.5;cursor:default}.panel__foot{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.done{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:10px 18px;font-weight:600}.done--active{border-color:var(--green);color:var(--green);background:#e6f0ea}.panel__note{color:var(--ink-soft);margin:10px 0 0;font-size:13.5px}@media (width<=780px){.body{grid-template-columns:1fr}.nav{border-bottom:1px solid var(--line);background:var(--card);flex-direction:row;padding:10px 12px;position:static;overflow-x:auto}.nav__item{white-space:nowrap;width:auto}.nav__count{display:none}.panel{padding:18px 16px 56px}.topbar{padding:10px 16px}}