:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#19304b;background:#f3f7fc}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px max(20px,calc((100vw - 1100px)/2));background:white;box-shadow:0 2px 12px #dbe6f1}a{color:#1463b9;text-decoration:none}.brand{font-weight:800;font-size:24px}nav{display:flex;gap:20px;flex-wrap:wrap}main{max-width:1100px;margin:35px auto;padding:0 20px;min-height:65vh}.hero{background:linear-gradient(115deg,#1166c1,#37a2de);color:white;padding:55px 45px;border-radius:20px}.hero h1{font-size:clamp(25px,4vw,42px);margin:0}.hero p{font-size:18px}.btn,button{display:inline-block;border:0;border-radius:9px;padding:12px 20px;background:#1269c5;color:white;font-weight:700;cursor:pointer}.hero .btn{background:white;color:#145caa}.secondary{background:#56748f}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}.photo,.panel{background:white;border-radius:15px;box-shadow:0 4px 20px #dce7f4;overflow:hidden}.photo img{width:100%;height:190px;object-fit:cover}.photo span{display:block;padding:12px;overflow-wrap:anywhere}.panel{padding:30px}.narrow{max-width:530px;margin:35px auto}form{display:grid;gap:17px}label{display:grid;gap:7px;font-weight:600}input{padding:12px;border:1px solid #cad9e8;border-radius:8px;max-width:100%;width:100%}.preview{max-width:100%;max-height:65vh;object-fit:contain}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.toolbar label{max-width:150px}canvas{max-width:100%;height:auto;border:1px solid #ddd}.error{color:#b91c1c}footer{text-align:center;color:#74859a;padding:30px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.hero{padding:35px 22px}}

.album-cover{width:100%;height:170px;object-fit:cover;border-radius:10px}.album-tile{min-width:0}.album-tile[draggable=true]{cursor:grab}.album-tile button{margin-top:8px}

/* FotoPanel V1.0.4 viewer */
.viewer{border:0;border-radius:16px;padding:14px;background:#102039;color:#fff;width:min(96vw,1100px);max-height:94vh;box-shadow:0 20px 70px #0008}.viewer::backdrop{background:#000b}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px}.viewer-stage{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:150px}.viewer-stage img{min-width:0;max-width:calc(100% - 95px);max-height:68vh;object-fit:contain}.viewer button{flex-shrink:0}.viewer-close,.viewer-prev,.viewer-next{padding:10px 13px;background:#334a68}.viewer-title{overflow-wrap:anywhere}@media(max-width:650px){.viewer{width:98vw;padding:8px}.viewer-stage img{max-width:calc(100% - 75px)}.viewer-prev,.viewer-next{padding:8px}.viewer-bottom{flex-wrap:wrap}}