*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#233b33;font:16px system-ui,sans-serif}header{padding:22px max(20px,5vw);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d8ddd4}h1{margin:0;font-size:26px}h2{font-size:21px;margin-top:0}small,.muted{color:#64766b}a{color:#284f40}p{line-height:1.6}button{font:inherit;background:#284f40;color:white;border:0;border-radius:9px;padding:12px 16px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}.secondary{background:#e2e9e0;color:#284f40}.danger{background:#f9e2da;color:#863419}.big{font-weight:650;padding:16px 20px}.staff-main{max-width:720px;margin:0 auto;padding:20px}.public-main{max-width:1240px;margin:auto;padding:24px}.card{background:white;border-radius:16px;padding:22px;margin-bottom:20px}.capture{text-align:center;padding:34px 22px}.capture button{display:block;margin:16px auto 0;width:min(100%,360px)}.photo-wrap{position:relative;line-height:0;width:100%;overflow:visible}.photo-wrap img{width:100%;height:auto;display:block;border-radius:10px}.price-pin{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;padding:0;border-radius:50%;border:2px solid white;background:#267252;box-shadow:0 2px 8px #0007;color:white;z-index:1;font-weight:bold;font-size:12px;line-height:1;display:grid;place-items:center}.price-pin::before{content:"";position:absolute;inset:-10px;border-radius:50%}.price-pin.sold{background:#776f6c}.item-list{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.item-chip{background:#e2e9e0;color:#284f40}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .big{flex:1}#status{min-height:26px;font-weight:500}#photo{cursor:crosshair}summary{cursor:pointer;font-weight:600;line-height:1.6}details button{margin-top:14px}dialog{border:0;border-radius:16px;padding:24px;max-width:min(94vw,700px);max-height:92vh;overflow:auto;color:#233b33}dialog::backdrop{background:#10271ec4}#price-dialog{width:380px}label{display:block;margin-bottom:8px}#price{font:32px system-ui;width:100%;border:1px solid #a6b9a9;border-radius:8px;padding:12px}#price-error{color:#913822}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bb671d;outline-offset:3px}.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.arrival{background:white;border-radius:14px;padding:16px}.arrival time{display:block;font-size:14px;color:#64766b;margin-bottom:12px}.arrival .photo-wrap>img{cursor:zoom-in}.arrival .item-list{margin-bottom:0}.arrival .item-chip{font-size:14px;padding:9px 11px}.arrival .item-chip.sold{color:#736a66;background:#eee9e5}.intro{font-size:20px;max-width:700px}.staff-link{margin-top:42px;font-size:14px}.recent-card{border-top:1px solid #ddd;padding-top:18px;margin-top:18px}.recent-card img{width:120px;border-radius:8px}.recent-card .actions{margin-top:10px}.recent-card button{font-size:14px}.close{display:block;margin:0 0 14px auto}.install-help{font-size:14px;margin:28px 0}[hidden]{display:none!important}@media(max-width:900px){.feed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){header{padding:18px;gap:12px}header a{font-size:14px;max-width:150px}h1{font-size:24px}.staff-main,.public-main{padding:16px}.card{padding:18px}.feed{grid-template-columns:1fr}.price-pin{width:24px;height:24px}.actions button{flex:1}.intro{font-size:18px}}

.editor-viewport{height:min(62vh,640px);min-height:240px;overflow:auto;overscroll-behavior:contain;background:#182b25;border-radius:10px;touch-action:pan-x pan-y pinch-zoom}.editor-viewport .photo-wrap{width:100%;max-width:none;margin:12px auto}.editor-viewport #photo{max-width:none;user-select:none;-webkit-user-drag:none;touch-action:pan-x pan-y pinch-zoom}.editor-viewport .price-pin{transform:translate(-50%,-50%) scale(var(--pin-scale,1))}.photo-zoom{display:flex;align-items:center;gap:8px;margin-top:14px}.photo-zoom label{margin:0;font-size:14px}.photo-zoom input{flex:1;min-width:30px;accent-color:#284f40}.photo-zoom button{padding:9px 12px}.photo-zoom output{min-width:42px;font-size:14px}

#photo-dialog{width:min(94vw,960px);max-width:960px}#customer-viewport #large-wrap{max-width:none}#large-photo{user-select:none;-webkit-user-drag:none;touch-action:pan-x pan-y pinch-zoom}.public-main .price-pin{transform:translate(-50%,-50%) scale(var(--pin-scale,1))}
