:root{--pp-bg: #f7f7f8;--pp-surface: #ffffff;--pp-text: #16181d;--pp-muted: #5b6170;--pp-border: #e2e4e9;--pp-primary: #0b57d0;--pp-primary-text: #ffffff;--pp-primary-hover: #0842a0;--pp-ok: #137333;--pp-ok-bg: #e6f4ea;--pp-warn: #8a5a00;--pp-warn-bg: #fef7e0;--pp-bad: #b3261e;--pp-bad-bg: #fce8e6;--pp-radius: 10px;--pp-shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 10%);--pp-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--pp-bg);color:var(--pp-text);font-family:var(--pp-font);font-size:15px;line-height:1.5}a{color:var(--pp-primary)}:focus-visible{outline:3px solid var(--pp-primary);outline-offset:2px}.pp-container{max-width:1120px;margin:0 auto;padding:0 20px}.pp-header{background:var(--pp-surface);border-bottom:1px solid var(--pp-border)}.pp-header-inner{display:flex;align-items:center;gap:24px;height:64px}.pp-logo{font-weight:800;font-size:20px;color:var(--pp-text);text-decoration:none;letter-spacing:-.02em}.pp-logo span{color:var(--pp-primary)}.pp-nav{display:flex;gap:18px;margin-left:auto;align-items:center}.pp-nav a{color:var(--pp-text);text-decoration:none;font-weight:500}.pp-nav a.active,.pp-nav a:hover{color:var(--pp-primary)}.pp-main{padding:28px 0 64px;min-height:calc(100vh - 128px)}.pp-footer{border-top:1px solid var(--pp-border);color:var(--pp-muted);font-size:13px;padding:20px 0}.pp-h1{font-size:28px;margin:0 0 8px;letter-spacing:-.02em}.pp-h2{font-size:19px;margin:0 0 12px}.pp-muted{color:var(--pp-muted)}.pp-small{font-size:13px}.pp-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pp-two{display:grid;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}@media (max-width: 820px){.pp-two{grid-template-columns:1fr}}.pp-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pp-stack{display:flex;flex-direction:column;gap:14px}.pp-spacer{flex:1}.pp-card{background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow);padding:20px}.pp-card-link{display:block;color:inherit;text-decoration:none;transition:border-color .15s}.pp-card-link:hover{border-color:var(--pp-primary)}.pp-thumb{aspect-ratio:4 / 3;border-radius:8px;background:linear-gradient(135deg,#e8f0fe,#fce8e6);display:grid;place-items:center;font-size:34px;margin-bottom:12px}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--pp-border);background:var(--pp-surface);color:var(--pp-text);border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.pp-btn:hover{border-color:var(--pp-muted)}.pp-btn:disabled{opacity:.55;cursor:not-allowed}.pp-btn-primary{background:var(--pp-primary);color:var(--pp-primary-text);border-color:var(--pp-primary)}.pp-btn-primary:hover{background:var(--pp-primary-hover);border-color:var(--pp-primary-hover)}.pp-btn-danger{color:var(--pp-bad)}.pp-btn-sm{padding:5px 10px;font-size:13px}.pp-btn-block{width:100%}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-label{font-weight:600;font-size:14px}.pp-hint{font-size:13px;color:var(--pp-muted)}.pp-input,.pp-select,.pp-textarea{font:inherit;padding:9px 11px;border:1px solid var(--pp-border);border-radius:8px;background:var(--pp-surface);color:var(--pp-text);width:100%}.pp-input:focus,.pp-select:focus,.pp-textarea:focus{border-color:var(--pp-primary);outline:none;box-shadow:0 0 0 3px #0b57d02e}.pp-choices{display:flex;flex-wrap:wrap;gap:8px}.pp-choice{border:1px solid var(--pp-border);border-radius:8px;padding:7px 12px;background:var(--pp-surface);cursor:pointer;font:inherit;color:var(--pp-text)}.pp-choice[aria-pressed=true]{border-color:var(--pp-primary);background:#e8f0fe;color:var(--pp-primary);font-weight:600}.pp-alert{border-radius:8px;padding:10px 14px;font-size:14px}.pp-alert-error{background:var(--pp-bad-bg);color:var(--pp-bad)}.pp-alert-ok{background:var(--pp-ok-bg);color:var(--pp-ok)}.pp-alert-warn{background:var(--pp-warn-bg);color:var(--pp-warn)}.pp-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;background:#eef0f3;color:var(--pp-muted);text-transform:capitalize}.pp-badge-ok{background:var(--pp-ok-bg);color:var(--pp-ok)}.pp-badge-warn{background:var(--pp-warn-bg);color:var(--pp-warn)}.pp-badge-bad{background:var(--pp-bad-bg);color:var(--pp-bad)}.pp-badge-info{background:#e8f0fe;color:var(--pp-primary)}.pp-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pp-admin{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}@media (max-width: 820px){.pp-admin{grid-template-columns:1fr}}.pp-admin-nav{background:var(--pp-surface);border-right:1px solid var(--pp-border);padding:20px 16px}.pp-admin-link{display:block;padding:8px 10px;border-radius:8px;color:var(--pp-text);text-decoration:none;font-weight:500}.pp-admin-link:hover{background:var(--pp-bg)}.pp-admin-link.active{background:#e8f0fe;color:var(--pp-primary)}.pp-admin-main{padding:28px;min-width:0}.pp-disabled{opacity:.5;pointer-events:none}.pp-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:10px;margin-bottom:12px}.pp-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}@media (max-width: 900px){.pp-editor-body{grid-template-columns:1fr}}.pp-editor-stage{background:#e5e7eb;border-radius:var(--pp-radius);padding:12px;overflow:auto;min-height:300px}.pp-editor-canvas{display:inline-block;box-shadow:0 4px 16px #00000026;line-height:0}.pp-editor-side{background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:var(--pp-radius);padding:14px;align-self:start}.pp-layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pp-layer{width:100%;text-align:left;font:inherit;font-size:13px;border:1px solid var(--pp-border);border-radius:6px;background:var(--pp-surface);color:var(--pp-text);padding:5px 8px;cursor:pointer}.pp-layer[aria-current=true]{border-color:var(--pp-primary);background:#e8f0fe}.pp-table{width:100%;border-collapse:collapse}.pp-table th,.pp-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--pp-border);vertical-align:top}.pp-table th{font-size:13px;color:var(--pp-muted);font-weight:600}.pp-price{font-size:30px;font-weight:800;letter-spacing:-.02em}.pp-breakdown{font-size:13px;color:var(--pp-muted);margin:6px 0 0;padding:0;list-style:none}.pp-breakdown li{display:flex;justify-content:space-between}
