:root{--accent: #ff3c00}.admin{min-height:100vh;background:#080808;color:#fff;font-family:var(--font-sf);padding:40px;overflow-y:auto;height:100vh}.admin h1{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:4px}.admin .sub{color:#ffffff73;font-size:13px;margin-bottom:28px}.admin a.back{color:var(--accent);text-decoration:none;font-size:13px}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:start}.panel-card{background:#0c0c0c;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px}.panel-card h2{font-size:15px;margin-bottom:16px;font-weight:600}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#ffffff8c;margin-bottom:6px}.field input[type=text],.field input[type=url],.field select{width:100%;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;outline:none;font-family:var(--font-sf)}.field input:focus,.field select:focus{border-color:var(--accent)}.type-toggle{display:flex;gap:6px;flex-wrap:wrap}.type-toggle button{flex:1;min-width:70px;background:#141414;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:8px;padding:9px 6px;font-size:13px;cursor:pointer}.type-toggle button.on{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary{width:100%;background:var(--accent);border:none;color:#fff;font-weight:600;font-size:14px;padding:12px;border-radius:8px;cursor:pointer;margin-top:6px}.btn-primary:disabled{opacity:.5;cursor:default}.uploader{border:1px dashed rgba(255,255,255,.2);border-radius:8px;padding:14px;text-align:center;font-size:13px;color:#ffffff80;cursor:pointer}.uploader input{display:none}.preview-thumb{width:100%;aspect-ratio:379 / 525;object-fit:cover;border-radius:8px;margin-top:10px;background:#000}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.list-item{background:#0c0c0c;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden}.list-item .thumb{width:100%;aspect-ratio:379 / 525;object-fit:cover;background:#000;display:block}.list-item .meta{padding:8px 10px}.list-item .meta .ttl{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item .meta .tp{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.list-item .actions{display:flex;border-top:1px solid rgba(255,255,255,.06)}.list-item .actions button{flex:1;background:#1a1a1a;border:none;font-size:12px;padding:8px;cursor:pointer;transition:filter .15s ease,background .15s ease}.list-item .actions button:hover{filter:brightness(1.4)}.list-item .actions .edit{color:#fff;border-right:1px solid rgba(255,255,255,.06)}.list-item .actions .del{color:#ff6a4d}.list-item.editing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.editing-banner{font-size:12px;color:var(--accent);background:#ff3c0014;border:1px solid rgba(255,60,0,.25);border-radius:8px;padding:8px 10px;margin-bottom:14px}.link-btn{background:none;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:12px;padding:0}.form-actions{display:flex;gap:10px;margin-top:4px}.btn-ghost{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:0 18px;cursor:pointer;font-size:13px;transition:filter .15s ease}.btn-ghost:hover{filter:brightness(1.4)}.hint{font-size:11px;color:#ffffff59;margin-top:6px;line-height:1.4}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:10px}.frame-chip{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#1a1a1a}.frame-chip img{width:100%;height:100%;object-fit:cover;display:block}.frame-chip button{position:absolute;top:3px;right:3px;width:18px;height:18px;border:none;border-radius:50%;background:#000000b3;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.frame-chip button:hover{background:#ff3c00}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#fff6;font-size:14px}.auth-box{max-width:360px;margin:12vh auto 0;background:#0c0c0c;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px}.auth-err{color:#ff6a4d;font-size:12px;margin:-4px 0 12px}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-topbar h1{margin:0}:root{--bg: #080808;--surface: #0c0c0c;--white: #ffffff;--muted: rgba(255, 255, 255, .5);--accent: #ff3c00;--radius: 5px;--nav-shadow: 0px 2px 6.7px rgba(0, 0, 0, .15);--gutter: 16px;--placeholder: #1a1a1a;--font-sf: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--font-display: "Outfit", var(--font-sf);--card-w: calc(100vw / 6.5 - 13px);--card-h: calc(var(--card-w) * 1.383);--title-space: 32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg);overflow:hidden}body{font-family:var(--font-sf);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ui-btn-text{color:#fff;text-align:center;font-family:var(--font-sf);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);overflow:hidden}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-layer .bg-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.bg-layer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;opacity:.15}.logo{position:absolute;left:16px;top:16px;height:auto;display:inline-flex;align-items:flex-start;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:16px;line-height:normal;white-space:nowrap;z-index:40;background-image:linear-gradient(94.48deg,#c4c4c4 6.47%,#cecece 50.11%,#fff 78.93%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:absolute;right:var(--gutter);top:var(--gutter);display:flex;gap:10px;align-items:center;z-index:40}.nav-btn{background:var(--surface);box-shadow:var(--nav-shadow);height:33px;border-radius:var(--radius);border:none;display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;transition:transform .12s ease}.nav-btn.wide{width:96px}.nav-btn.lang{gap:6px;padding:0 10px;position:relative}.nav-btn.lang .chev{width:6px;height:3px}.lang-menu{position:absolute;top:39px;right:0;background:var(--surface);border-radius:var(--radius);box-shadow:var(--nav-shadow);overflow:hidden;min-width:56px;z-index:50}.lang-menu button{display:block;width:100%;background:none;border:none;color:var(--white);font-family:var(--font-sf);font-size:14px;padding:8px 12px;text-align:left;cursor:pointer}.lang-menu button:hover{background:#ffffff14}.portfolio-btn{position:absolute;right:var(--gutter);bottom:var(--gutter);height:33px;background:var(--surface);box-shadow:var(--nav-shadow);border-radius:var(--radius);padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap;z-index:40}.portfolio-btn .export-ico{width:16px;height:16px}.feed-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;overflow:hidden;touch-action:pan-y}.feed-wrap{position:relative;width:100%;height:var(--card-h)}.feed-track{position:absolute;left:0;top:0;display:flex;gap:13px;align-items:center;width:max-content;height:var(--card-h);will-change:transform;cursor:grab}.feed-track.dragging{cursor:grabbing}.card{position:relative;width:var(--card-w);height:var(--card-h);flex-shrink:0;overflow:visible;--hover-drop: 35px}.card-title{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-family:var(--font-sf);font-weight:500;font-size:14px;line-height:1;text-align:center;color:var(--white);opacity:0;transition:opacity .35s ease;pointer-events:none;white-space:nowrap;z-index:3}.card:hover .card-title{opacity:1;transition-delay:.3s}.card-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.card-media img,.card-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.card:hover .card-media img,.card:hover .card-media video{transform:translateY(var(--hover-drop));transition-delay:.1s}.feed-center.is-moving .card-title{opacity:0!important}.feed-center.is-moving .card-media img,.feed-center.is-moving .card-media video{transform:none!important;transition-delay:0s!important}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--placeholder)}.card[data-clickable=true]{cursor:pointer}.frameset{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;background:#000;scrollbar-width:thin;scroll-behavior:smooth}.frameset::-webkit-scrollbar{height:4px}.frameset::-webkit-scrollbar-thumb{background:#ffffff4d}.frameset .frame-ph{position:relative;height:100%;width:var(--card-w);flex-shrink:0;background:var(--placeholder)}.frameset img{position:relative!important;height:100%;width:auto;flex-shrink:0;object-fit:cover}.scroll-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--font-sf);font-size:11px;color:#ffffff59;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.panel{position:absolute;left:0;top:0;width:100%;z-index:30}.about-row{position:absolute;left:var(--gutter);right:var(--gutter);top:154px;display:flex;align-items:flex-start;gap:56px}.panel-heading{flex:0 1 770px;max-width:770px;font-family:var(--font-sf);font-weight:700;font-size:clamp(30px,5vw,50px);line-height:89.7%;text-transform:uppercase;color:var(--white)}.panel-desc{flex:0 1 706px;max-width:706px;margin-top:6px;font-family:var(--font-sf);font-weight:400;font-size:14px;line-height:1.26;color:var(--muted);text-align:left}@media (max-width: 900px){.about-row{flex-direction:column;gap:18px}.panel-desc{max-width:100%}}@media (max-width: 768px){.about-row{top:96px;left:16px;right:16px;gap:14px}.panel-heading{font-size:clamp(22px,6.5vw,32px);flex:none;max-width:100%}.panel-desc{font-size:13px;flex:none;max-width:100%}.contacts-row{top:110px;left:16px;right:16px}}.contacts-row{position:absolute;left:var(--gutter);top:186px;display:flex;gap:18px;flex-wrap:wrap}.contact-block{display:flex;flex-direction:column;gap:5px}.contact-label{font-family:var(--font-sf);font-weight:400;font-size:14px;line-height:normal;color:var(--white);height:17px}.contact-pill{height:33px;background:var(--surface);box-shadow:var(--nav-shadow);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;padding:0 11.5px;text-decoration:none;white-space:nowrap;width:max-content}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out}.lightbox-overlay img,.lightbox-overlay video{max-width:92vw;max-height:92vh;object-fit:contain;image-rendering:auto}.lightbox-ph{width:min(60vh,80vw);aspect-ratio:379.689 / 524.916;background:var(--placeholder);border-radius:4px}@media (max-width: 520px){.nav{gap:6px}.nav-btn.wide{width:auto;padding:0 12px}}.frameset-feed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25}.frameset-feed .card-media{transform:none!important;transition:none}.frameset-feed .card-media:hover{transform:none!important;filter:none}.frameset-back{position:absolute;left:50%;top:calc(50% - var(--card-h) / 2 - 52px);transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;height:33px;padding:0 14px 0 10px;border:none;border-radius:var(--radius);background:var(--surface);box-shadow:var(--nav-shadow);color:var(--white);font-family:var(--font-display);font-size:13px;letter-spacing:.02em;cursor:pointer;z-index:40;transition:filter .18s ease,transform .12s ease}.frameset-back svg{display:block}.nav-btn,.portfolio-btn,.logo,.frameset-back{transition:filter .18s ease,transform .12s ease,background .18s ease}.nav-btn:hover,.portfolio-btn:hover,.logo:hover,.frameset-back:hover{filter:brightness(.8)}.nav-btn:active,.portfolio-btn:active,.frameset-back:active{transform:scale(.97)}.nav-btn.active{filter:brightness(.78)}@media (max-width: 1024px){:root{--card-w: 320px;--card-h: 442px}}@media (max-width: 768px){:root{--card-w: 280px;--card-h: 387px;--gutter: 14px}.card-title{font-size:15px}}@media (max-width: 560px){:root{--card-w: 230px;--card-h: 318px;--gutter: 12px}.nav{gap:6px}.nav-btn{height:30px}.nav-btn.wide{width:auto;padding:0 10px}.card-title{font-size:14px}.logo{font-size:18px}}@media (max-width: 400px){:root{--card-w: 190px;--card-h: 263px}}.is-touch .card-title{display:none!important}.is-touch .card-media img,.is-touch .card:hover .card-media img,.is-touch .card-media video,.is-touch .card:hover .card-media video{transform:none!important}@media (hover: none){.card-title{display:none!important}.card-media img,.card:hover .card-media img,.card-media video,.card:hover .card-media video{transform:none!important}}@media (max-width: 1024px){.card-title{display:none!important}.card-media img,.card:hover .card-media img,.card-media video,.card:hover .card-media video{transform:none!important}}
