*{box-sizing:border-box}:root{color-scheme:light;--blue:#1d72b8;--ink:#173246;--muted:#637482;--line:#dce4ea;--surface:#f4f7f9}body{background:var(--surface)}.editor{max-width:1180px;padding-block:var(--space-10) var(--space-20)}.editor h1{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.editor h2{margin:0 0 var(--space-2)}.editor p{color:var(--color-muted);line-height:1.6}.editor__panel,.editor__photo{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px #142e4010}.editor__panel{padding:var(--space-6);margin-bottom:var(--space-5)}.editor__login{max-width:460px;margin:10vh auto}.editor__field{display:grid;gap:8px;margin:var(--space-5) 0}.editor__field input,.editor__select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #b9c6cf;border-radius:8px;font:inherit}.editor__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--space-6)}.editor__header a{color:var(--color-brand)}.editor__button{border:0;border-radius:8px;background:var(--color-brand);color:#fff;padding:11px 16px;font:600 15px var(--font-body);cursor:pointer}.editor__button:disabled{opacity:.45;cursor:not-allowed}.editor__button--secondary{background:#eaf2f8;color:var(--color-ink)}.editor__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:var(--space-4) 0}.editor__select{max-width:360px}.editor__spacer{flex:1}.editor__notice{padding:12px 14px;margin:var(--space-4) 0;border-radius:8px;background:#eaf2f8;color:var(--color-ink)}.editor__notice--error{background:#fff0ef;color:#9b2923}.editor__notice a{color:var(--color-brand);font-weight:700}.editor__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.editor__photo{position:relative;overflow:hidden;transition:opacity .15s ease,box-shadow .15s ease}
.editor__photo--main{border:3px solid var(--color-brand)}
.editor__photo--secondary{border:3px solid #0f766e}
.editor__role{position:absolute;top:9px;left:9px;z-index:2;max-width:calc(100% - 18px);padding:4px 8px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;line-height:1.25;box-shadow:0 1px 4px #0004;pointer-events:none}
.editor__role--main{background:var(--color-brand)}
.editor__role--secondary{background:#0f766e}
.editor__photo--dragging{opacity:.45}
.editor__photo--drop-before{box-shadow:inset 0 4px 0 var(--color-brand)}
.editor__photo--drop-after{box-shadow:inset 0 -4px 0 var(--color-brand)}.editor__photo img{display:block;width:100%;height:160px;object-fit:cover;background:#e5ebef}.editor__photo--hidden{opacity:.58}.editor__photo-body{padding:12px}.editor__photo-name{font:13px ui-monospace,monospace;overflow-wrap:anywhere}.editor__photo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.editor__photo-controls label{display:flex;align-items:center;gap:7px;font-size:14px}.editor__drag-handle{min-width:38px;height:34px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-ink);font-size:20px;line-height:1;cursor:grab}.editor__drag-handle:active{cursor:grabbing}.editor__drag-handle:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.editor__drag-handle:disabled{opacity:.35;cursor:not-allowed}.editor__badge{display:inline-block;padding:2px 7px;margin-left:6px;border-radius:999px;background:#e9f3fa;color:#145b8c;font-size:11px;font-weight:700}.editor__subtle{font-size:13px;color:var(--color-muted)}.editor__hidden{display:none!important}@media(max-width:600px){.editor{padding-block:var(--space-6) var(--space-12)}.editor__panel{padding:var(--space-4)}.editor__login{margin-top:8vh}.editor__photo img{height:190px}}