.ajpl-wrap{--ajpl-blue:#2f5bea;--ajpl-ink:#18243a;--ajpl-muted:#52627d;--ajpl-border:#d6e4ff;--ajpl-soft:#fff8ec;width:100%;max-width:1180px;margin:0 auto;padding:clamp(16px,3vw,30px);color:var(--ajpl-ink);box-sizing:border-box}.ajpl-wrap *{box-sizing:border-box}.ajpl-hero{margin:0 0 20px}.ajpl-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eef5ff;color:#2055e6;font-weight:900;margin-bottom:12px}.ajpl-hero h2{margin:0 0 8px;font-size:clamp(28px,4vw,48px);line-height:1.05;font-weight:950;color:var(--ajpl-ink)}.ajpl-hero p{margin:0;color:var(--ajpl-muted);font-size:clamp(16px,2vw,20px);line-height:1.55}.ajpl-game{display:grid;grid-template-columns:minmax(210px,260px) minmax(320px,1fr) minmax(230px,280px);gap:18px;align-items:stretch}.ajpl-panel,.ajpl-stage-card,.ajpl-info-grid section{background:#fff;border:1px solid var(--ajpl-border);border-radius:24px;box-shadow:0 12px 34px rgb(24 36 58 / .06)}.ajpl-panel{padding:18px;overflow:hidden}.ajpl-panel h3,.ajpl-stage-top h3{margin:0 0 14px;color:var(--ajpl-ink);font-weight:950;line-height:1.05}.ajpl-panel h3{font-size:clamp(22px,2.5vw,32px)}.ajpl-drawing-list{display:grid;grid-template-columns:1fr;gap:10px;max-height:580px;overflow:auto;padding-right:4px}.ajpl-drawing-btn{appearance:none;border:1px solid #efd8b6;background:#fffaf2;border-radius:16px;min-height:58px;padding:12px 14px;display:flex;align-items:center;gap:12px;color:var(--ajpl-ink);font-weight:900;font-size:17px;text-align:left;cursor:pointer}.ajpl-drawing-btn:hover,.ajpl-drawing-btn.is-active{background:#ffe9c9;border-color:#ff9d16}.ajpl-drawing-emoji{font-size:22px;line-height:1}.ajpl-stage-card{padding:18px;min-width:0}.ajpl-stage-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.ajpl-small-label{display:block;color:#5f6f8f;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:950;margin-bottom:4px}.ajpl-stage-top h3{font-size:clamp(24px,3vw,32px);margin:0}.ajpl-help-btn{border:0;border-radius:999px;background:#fff0b8;color:#7a4300;font-weight:950;font-size:16px;padding:12px 18px;cursor:pointer;white-space:normal;max-width:170px}.ajpl-help-box{background:#fff8d8;border:1px solid #f6d985;border-radius:16px;padding:12px 14px;color:#533405;font-weight:700;margin-bottom:12px}.ajpl-canvas-wrap{border:2px dashed #f3cd86;border-radius:24px;background:#fffdfa;min-height:360px;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.ajpl-svg-stage{width:100%;max-width:520px}.ajpl-svg-stage svg{width:100%;height:auto;display:block}.ajpl-line{stroke:#263043;stroke-width:5;stroke-linejoin:round;stroke-linecap:round;cursor:pointer}.ajpl-line-only{fill:none;stroke:#263043;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}.ajpl-text-region{cursor:pointer}.ajpl-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.ajpl-actions button{border:1px solid #efd8b6;background:#fff7e8;color:#7a4300;border-radius:14px;min-height:52px;padding:10px;font-weight:950;cursor:pointer;white-space:normal;overflow-wrap:anywhere;line-height:1.15}.ajpl-actions button:hover{background:#ffedc7}.ajpl-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.ajpl-color{width:100%;aspect-ratio:1/1;border-radius:14px;border:3px solid #fff;box-shadow:0 0 0 1px #d8c19d;cursor:pointer}.ajpl-color.is-active{box-shadow:0 0 0 3px #263043}.ajpl-color-custom{display:block;font-weight:950;color:var(--ajpl-ink);margin:8px 0 14px}.ajpl-color-custom span{display:block;margin-bottom:8px}.ajpl-color-custom input{width:100%;height:42px;padding:4px;border:1px solid #efd8b6;border-radius:12px;background:#fff}.ajpl-status{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e4e9f2;font-weight:900;color:var(--ajpl-ink)}.ajpl-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.ajpl-info-grid section{padding:20px}.ajpl-info-grid h3{margin:0 0 8px;font-size:22px;color:var(--ajpl-ink)}.ajpl-info-grid p{margin:0;color:var(--ajpl-muted);line-height:1.55}.ajpl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#18243a;color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;z-index:999999}@media (max-width:980px){.ajpl-game{grid-template-columns:1fr}.ajpl-drawing-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.ajpl-palette{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.ajpl-wrap{padding:12px}.ajpl-panel,.ajpl-stage-card,.ajpl-info-grid section{border-radius:18px;padding:14px}.ajpl-drawing-list{grid-template-columns:1fr}.ajpl-stage-top{flex-direction:column}.ajpl-help-btn{width:100%;max-width:none}.ajpl-canvas-wrap{min-height:300px;border-radius:18px}.ajpl-actions{grid-template-columns:1fr}.ajpl-palette{grid-template-columns:repeat(4,1fr)}.ajpl-info-grid{grid-template-columns:1fr}}