.dialog-overlay{position:fixed;margin-top:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:20px;padding-top:calc(100vh / 3);overflow-y:auto}@media only screen and (max-width: 999px){.dialog-overlay{padding-top:20px;align-items:flex-start}}@media only screen and (max-width: 768px){.dialog-overlay{padding:10px;padding-top:10px}}.dialog-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:550px;box-shadow:0 4px 6px rgba(0,0,0,0.1);position:relative;box-sizing:border-box;max-height:calc(100vh - 40px);overflow-y:auto}@media only screen and (max-width: 999px){.dialog-content{width:95%;max-height:calc(100vh - 20px)}}@media only screen and (max-width: 768px){.dialog-content{width:100%;max-width:none;margin:0;border-radius:4px;max-height:calc(100vh - 20px);padding:10px}}@media only screen and (max-width: 480px){.dialog-content{height:100vh;max-height:100vh;border-radius:0;padding:10px}}.dialog-body{display:flex;flex-direction:column;gap:10px}.dialog-body .wp-block-button{width:100%}.dialog-body .wp-block-button__link{width:100%;box-sizing:border-box;text-align:center}@media only screen and (max-width: 768px){.dialog-body{gap:12px}}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close-button{margin-left:auto;background:none;border:none;font-size:24px;cursor:pointer;color:#555;line-height:1}.close-button:hover{color:#000}@media only screen and (max-width: 768px){.close-button{font-size:28px;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media only screen and (max-width: 768px){.dialog-footer{gap:8px;margin-top:10px}}.func-button{display:inline-block;cursor:pointer;border:none;text-decoration:none;text-align:center;box-sizing:border-box;padding:10px 20px;background-color:#0073aa;color:#fff;font-size:16px;border-radius:4px}.func-button:hover{background-color:#005a87}.func-button.is-cancel{display:inline-block;cursor:pointer;border:none;text-decoration:none;text-align:center;box-sizing:border-box;padding:10px 20px;background-color:#6c757d;color:#fff;font-size:16px;border-radius:4px}.func-button.is-cancel:hover{background-color:#5a6268}@media only screen and (max-width: 768px){.func-button{padding:12px 10px;font-size:16px;min-height:44px}}@media only screen and (max-width: 480px){.func-button{padding:10px 8px;font-size:15px}}@media only screen and (max-width: 999px){html{font-size:13px}.dialog-content{font-size:14px}.func-button{padding:8px 10px;font-size:14px}}@media only screen and (max-width: 768px){html{font-size:12px}}@media only screen and (max-width: 480px){.dialog-content{font-size:13px}}@media only screen and (max-width: 768px) and (orientation: landscape){.dialog-overlay{padding-top:10px}.dialog-content{max-height:calc(100vh - 10px)}}
