
.km-pro{font-family:var(--km-font);color:var(--km-text);font-size:var(--km-font-desktop);background:linear-gradient(180deg,var(--km-bg),rgba(255,255,255,.35));padding:22px;border-radius:var(--km-radius);box-sizing:border-box;width:100%;max-width:100%;}
.km-pro *{box-sizing:border-box}.km-head{display:flex;justify-content:center;text-align:center;margin:8px auto 18px;max-width:var(--km-detail-desktop)}.km-head h2{margin:0 0 5px;color:var(--km-accent);font-size:1.45em}.km-head p{margin:0;color:var(--km-muted)}
.km-panel,.km-box{background:var(--km-box);border:1px solid color-mix(in srgb,var(--km-accent) 18%, transparent);border-radius:var(--km-radius);box-shadow:var(--km-shadow);padding:18px;margin:16px auto;max-width:var(--km-detail-desktop)}
.km-form label{display:block;margin:10px 0 5px;font-weight:600;color:var(--km-text)}.km-form input,.km-form textarea,.km-form select{width:100%;max-width:100%;border:1px solid rgba(90,65,35,.25);border-radius:calc(var(--km-radius) - 3px);padding:10px 12px;background:#fff;color:var(--km-text);font:inherit}.km-form button,.km-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--km-accent);color:#fff!important;text-decoration:none;border:none;border-radius:calc(var(--km-radius) - 4px);padding:9px 14px;margin-top:10px;cursor:pointer;font-weight:600}.km-form button:hover,.km-btn:hover{filter:brightness(.95)}.km-danger{background:#9b2f2f!important}.km-muted{font-size:.92em;color:var(--km-muted)}
.km-passrow{position:relative;display:flex;align-items:center}.km-passrow input{padding-right:34px}.km-eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:15px;color:#777;opacity:.72;line-height:1;cursor:pointer;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;width:auto!important;height:auto!important}.km-eye:hover{opacity:1;color:#555}.km-msg{max-width:var(--km-detail-desktop);margin:14px auto;padding:11px 14px;border-radius:calc(var(--km-radius) - 3px);text-align:center}.km-ok{background:#eef8ef;color:#24552b;border:1px solid #cfe7d2}.km-err{background:#fff1f1;color:#842020;border:1px solid #efcccc}
.km-search{max-width:var(--km-detail-desktop);margin:12px auto}.km-search input{width:100%;border:1px solid rgba(90,65,35,.20);border-radius:999px;padding:11px 16px;background:#fff;color:var(--km-text);font:inherit}.km-list{max-width:var(--km-detail-desktop);margin:14px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--km-list-desktop),100%),1fr));gap:9px}.km-list-item{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center;text-align:left;border:1px solid rgba(90,65,35,.18);background:rgba(255,255,255,.72);border-radius:calc(var(--km-radius) - 2px);padding:8px 10px;color:var(--km-text);cursor:pointer;min-height:55px;box-shadow:none}.km-list-item:hover,.km-list-item.is-active{border-color:var(--km-accent2);background:#fff}.km-list-item img,.km-list-icon{grid-row:1/3;width:36px;height:36px;border-radius:8px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--km-accent2) 18%, #fff);font-size:18px}.km-list-title{font-weight:650;line-height:1.25;overflow-wrap:anywhere}.km-list-date{font-size:.82em;color:var(--km-muted)}
.km-detail-area{max-width:var(--km-detail-desktop);margin:0 auto}.km-item{display:none}.km-item.is-active{display:block}.km-item h3{margin-top:0;color:var(--km-accent);font-size:1.35em;text-align:center}.km-content{line-height:1.65}.km-media{display:block;max-width:100%;height:auto;max-height:720px;margin:12px auto;border-radius:calc(var(--km-radius) - 2px)}video.km-media{width:100%;background:#111}.km-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.km-gallery-grid .km-media{max-height:360px;width:100%;object-fit:contain}.km-linkbig{display:block;word-break:break-all;text-align:center;color:var(--km-accent)}.km-hidden{display:none}.km-actions{border-top:1px solid rgba(90,65,35,.12);margin-top:16px;padding-top:12px}.km-empty{text-align:center;color:var(--km-muted);padding:28px}.km-membership-required{margin:90px auto!important;max-width:680px!important;text-align:center!important;padding:28px!important}
@media(max-width:1024px){.km-pro{font-size:var(--km-font-tablet);padding:18px}.km-panel,.km-box,.km-head,.km-search,.km-list,.km-detail-area,.km-msg{max-width:var(--km-detail-tablet)}.km-list{grid-template-columns:repeat(auto-fill,minmax(min(var(--km-list-tablet),100%),1fr));}}
@media(max-width:680px){.km-pro{font-size:var(--km-font-mobile);padding:12px}.km-panel,.km-box{padding:14px}.km-panel,.km-box,.km-head,.km-search,.km-list,.km-detail-area,.km-msg{max-width:var(--km-detail-mobile);width:100%}.km-list{grid-template-columns:1fr}.km-list-item{grid-template-columns:32px minmax(0,1fr);padding:8px}.km-list-item img,.km-list-icon{width:31px;height:31px}.km-gallery-grid{grid-template-columns:1fr}.km-membership-required{margin:70px auto!important;width:94%!important}}

.km-account-note{margin:0 0 14px;padding:9px 12px;border-left:3px solid var(--km-accent2);background:color-mix(in srgb,var(--km-accent2) 10%, transparent);color:var(--km-muted);font-size:.92em}.km-readonly-note{text-align:center;margin:16px 0 2px;padding-top:12px;border-top:1px solid rgba(90,65,35,.10)}

.km-form-compact{padding:14px}.km-form-compact label{margin-top:7px}.km-form-compact input,.km-form-compact textarea,.km-form-compact select{padding:8px 10px}.km-list-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto 90px;gap:8px;align-items:center}.km-list-tools label{display:flex;align-items:center;gap:6px;white-space:nowrap}.km-list-tools select,.km-list-tools .km-page-custom{border:1px solid rgba(90,65,35,.20);border-radius:8px;padding:8px;background:#fff}.km-pagination{max-width:var(--km-detail-desktop);margin:8px auto;display:flex;justify-content:center;align-items:center;gap:10px}.km-pagination button{border:1px solid rgba(90,65,35,.2);background:#fff;border-radius:8px;padding:7px 11px;cursor:pointer}.km-pagination button:disabled{opacity:.45;cursor:not-allowed}.km-existing-files{display:grid;gap:5px;margin:8px 0;padding:9px;border:1px dashed rgba(90,65,35,.25);border-radius:8px}.km-existing-files label{margin:0;font-weight:400}.km-hidden{display:none!important}@media(max-width:680px){.km-list-tools{grid-template-columns:1fr 1fr}.km-list-tools .km-live-search{grid-column:1/-1}}
