*{box-sizing:border-box}body{margin:0;background:#0d1020;color:#eef0ff;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial}a{color:#c0afff}header{display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,calc((100vw - 1100px)/2));background:#171a31;border-bottom:1px solid #30334f}.brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:800}.brand img{width:35px;height:35px;object-fit:contain}.brand span{color:#9f89ff}.right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.right form{display:inline}.container{max-width:1100px;margin:38px auto;padding:0 20px}.headline h1{margin:0;font-size:30px}.headline p,.hint,.card>p{color:#a9adc7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.stat,.card,.login{background:#191d36;border:1px solid #303754;border-radius:17px;padding:24px}.stat strong{display:block;font-size:23px}.stat span,small{display:block;color:#a6abc6;font-size:12px;margin-top:5px}.card{margin:20px 0}.card h2{font-size:19px;margin:0 0 18px}.gridform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}label{display:block;font-weight:600;font-size:13px}input:not([type=checkbox]),select{display:block;width:100%;padding:13px;color:#f6f6ff;background:#0e1227;border:1px solid #394162;border-radius:9px;margin-top:8px;outline:none}input:focus,select:focus{border-color:#9d84ff}input[type=file]{font-size:12px}.actions{align-self:end}button{background:#8364f5;color:white;border:0;border-radius:9px;padding:12px 17px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.13)}button.danger{background:#9e334c}button.ghost{background:#303651}.small{padding:7px 11px}.login{max-width:430px;margin:9vh auto;padding:30px}.login h1{margin-top:20px}.login label{margin:16px 0}.login button{width:100%}.alert,.ok{padding:12px 15px;border-radius:9px}.alert{background:#6f2e3f}.ok{background:#205a4c}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;margin-bottom:20px}th,td{padding:12px;border-bottom:1px solid #343951;text-align:left;font-size:13px}th{color:#9eaae0}td small{margin-top:0}.empty{text-align:center;color:#999}.pill{display:inline-block;background:#2c314f;border-radius:9px;padding:4px 9px;margin:3px}@media(max-width:700px){.stats,.gridform{grid-template-columns:1fr}.container{margin:24px auto}header{padding:15px}.brand{font-size:19px}.right{font-size:12px}}
/* PiggyHost: isolated inline AMP live previews */
.preview-cell{min-width:208px}.preview-tile{position:relative;width:192px;height:116px;overflow:hidden;background:#fff;border:1px solid #444d75;border-radius:8px;margin-bottom:8px}.preview-tile iframe{width:600px;height:360px;border:0;transform:scale(.32);transform-origin:top left;pointer-events:none;background:white}.preview-open{font-size:12px}.preview-modal{background:#15192f;color:#fff;border:1px solid #565d87;border-radius:15px;padding:0;width:min(1100px,95vw);height:min(820px,92vh);max-width:none;max-height:none;box-shadow:0 20px 90px #0009}.preview-modal::backdrop{background:#030514d9}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #404666}.preview-buttons{display:flex;align-items:center;gap:15px}.preview-modal>iframe{width:100%;height:calc(100% - 64px);border:0;background:white}.preview-modal a{font-size:13px}@media(max-width:700px){.preview-modal{width:98vw;height:90vh}.preview-top{flex-wrap:wrap}.preview-buttons{gap:10px}}


/* PiggyHost Live Preview */

.preview-cell {
    width: 310px;
    min-width: 310px;
    vertical-align: middle;
}

.preview-tile {
    position: relative;
    width: 300px;
    height: 190px;
    overflow: hidden;
    background: #101426;
    border: 1px solid #444d75;
    border-radius: 8px;
}

.preview-tile iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 760px;
    max-width: none;
    max-height: none;
    border: 0;
    transform: scale(0.25);
    transform-origin: top left;
    pointer-events: none;
}

.preview-cell .preview-open {
    display: inline-block;
    margin-top: 8px;
}