*{border:0;box-sizing:border-box;font-size:inherit;font:inherit;font-style:normal;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}body{background:#fff;color:#17201c;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}::-moz-selection{background:#eb5e3f;color:#fff}::selection{background:#eb5e3f;color:#fff}a{color:#000;text-decoration:none}li,ol,ul{list-style:none}img{height:auto;max-width:100%}.inner{margin:0 auto;max-width:90rem;padding:0 1.25rem;width:100%}:global(.a11y-hidden){height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.section-title{font-size:1.5rem;margin-bottom:2.5rem}.section-title,.section.hero .title{color:#000;font-weight:600;text-align:center}.section.hero .title{font-size:3rem}.section.projects .list-bx{display:flex;flex-wrap:wrap;gap:.75rem}.section.projects .list-bx .list-item{border:1px solid #efefef;border-radius:.75rem;padding:.75rem;transition:all .3s ease;width:calc(33.33333% - .5rem)}.section.projects .list-bx .list-item:hover{box-shadow:0 0 10px #0000001a;transform:translateY(-.3125rem)}@media(max-width:1440px){.section.projects .list-bx .list-item{width:calc(50% - .375rem)}}@media(max-width:768px){.section.projects .list-bx .list-item{width:100%}}.section.projects .list-bx .list-item .thumbnail{margin-bottom:1.25rem}.section.projects .list-bx .list-item .thumbnail img{aspect-ratio:16/9;border-radius:.5rem;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.section.projects .list-bx .list-item .content .title{color:#000;font-size:1.125rem;font-weight:700;margin-bottom:.625rem}.section.projects .list-bx .list-item .content .description{color:#2a2b2c;display:-webkit-box;font-size:.875rem;-webkit-line-clamp:2;line-clamp:2;margin-bottom:.625rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical}.section.projects .tech-stack{border-top:1px solid #efefef;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem}.section.projects .tech-stack-item{background:#2f80ed;border-radius:2.5rem;color:#fff;padding:.25rem .75rem}.section.projects .btn-bx{margin-top:2.5rem;text-align:center}.section.detail .inner{margin:0 auto;max-width:800px}.section.detail .detail-bx{background:#fff;border-radius:1rem;box-shadow:0 .125rem .5rem #0000001a;padding:2.5rem}.section.detail .detail-bx .title-bx{border-bottom:1px solid #efefef;margin-bottom:1.5rem;padding-bottom:1.5rem}.section.detail .detail-bx .title-bx .title{color:#000;font-size:2.25rem;font-weight:700;margin-bottom:.625rem;text-wrap:balance}@media(max-width:768px){.section.detail .detail-bx .title-bx .title{font-size:1.5rem}}.section.detail .detail-bx .title-bx .description{color:#2a2b2c;font-size:1rem;line-height:1.45;margin-bottom:.625rem}@media(max-width:768px){.section.detail .detail-bx .title-bx .description{font-size:.875rem}}.section.detail .detail-bx .title-bx .link-btn{color:#2f80ed;display:inline-block;font-size:.875rem;text-decoration:underline}.section.detail .detail-bx .content{color:#2a2b2c;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.section.detail .detail-bx .content h2{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:2.5rem}.section.detail .detail-bx .content h3{color:#000;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:1.875rem}.section.detail .detail-bx .content ol,.section.detail .detail-bx .content ul{margin-bottom:1rem;padding-left:1.875rem}.section.detail .detail-bx .content li{margin-bottom:.5rem}.section.detail .detail-bx .content img{border-radius:.5rem;height:auto;margin:1.25rem 0;max-width:100%}.section.detail .detail-bx .content a{color:#2f80ed}.section.detail .detail-bx .content a:hover{text-decoration:underline}.section.detail .detail-bx .content code{background:#f3f4f6;border-radius:.25rem;font-family:monospace;font-size:.9em;padding:.125rem .375rem}.section.detail .detail-bx .content pre{background:#1f2937;border-radius:.5rem;color:#f9fafb;margin:1.25rem 0;overflow-x:auto;padding:1rem}.section.detail .detail-bx .content pre code{background:none;color:inherit;padding:0}.section.detail .detail-bx .back-btn{align-items:center;background:#efefef;border-radius:.5rem;color:#000;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.section.detail .detail-bx .back-btn:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='_x32_' width='800' height='800' viewBox='0 0 512 512'%3E%3Cstyle%3E.st0{fill:%23000}%3C/style%3E%3Cpath d='M54.726 96.776c26.718 0 48.389-21.665 48.389-48.388C103.114 21.665 81.444 0 54.726 0 28.003 0 6.337 21.665 6.337 48.389c0 26.723 21.666 48.387 48.389 48.387M301.32 79.438l-110.641-8.353c-59.428-.414-113.957 27.86-127.658 68.495v.017l-48.768 147.95c-3.114 9.921 2.397 20.494 12.322 23.604 9.929 3.119 20.493-2.405 23.616-12.326l59.006-123.166c4.634-5.507 8.798-3.365 10.242-2.052 8.89 8.132 26.926 37.639 30.274 53.005 2.639 12.079-3.3 29.744-10.256 42.97l-43.556 73.851c-3.714 6.203-6.793 12.758-6.537 18.705l8.022 127.774c0 12.193 9.886 22.088 22.092 22.088 12.199 0 22.094-9.895 22.094-22.088l7.551-117.042 55.565-75.279c.449-.696 2.942-2.228 1.643 1.842-.023.053-9.974 41.807-9.974 41.807-1.643 5.463-1.554 9.27-1.506 13.754l9.392 127.667c.137 12.203 10.133 21.983 22.327 21.851 12.207-.132 21.995-10.132 21.859-22.336l6.423-121.182 27.908-78.539c16.115-42.521-27.062-132.478-51.648-155.43h45.833l2.582 77.798c-.688 9.331 6.334 17.454 15.67 18.124 9.335.688 17.459-6.326 18.128-15.665 0 0 9.322-102.557 9.369-103.139.922-12.723-8.651-23.79-21.374-24.705M396.485 140.857l45.573-55.059-16.828-10.132-53.014 69.103 15.837 8.493-45.455 53.42 12.75 6.617 57.921-62.53zM505.663 198.083l-9.119-17.419-81.218 31.463 9.129 15.498-66.605 22.009 7.454 12.274 81.992-23.304-9.19-17.208z' class='st0'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1.25rem;margin-right:.25rem;width:1.25rem}.section+.section{padding-top:6.25rem}:is(.login-page,.signup-page,.reset-password-page){background:#f4f5ef!important;isolation:isolate;min-height:100svh!important;overflow:hidden;padding:3rem 1.25rem!important;position:relative}:is(.login-page,.signup-page,.reset-password-page):after,:is(.login-page,.signup-page,.reset-password-page):before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}:is(.login-page,.signup-page,.reset-password-page):before{border:1px solid rgba(23,32,28,.12);box-shadow:0 0 0 4.625rem #17201c06,0 0 0 9.25rem #17201c05;height:32.5rem;right:-10.625rem;top:-15.625rem;width:32.5rem}:is(.login-page,.signup-page,.reset-password-page):after{background:#eb5e3f;bottom:-5.625rem;height:15rem;left:-6.25rem;opacity:.92;width:15rem}body :is(.login-container,.signup-container,.reset-container){max-width:30rem!important;position:relative}body :is(.login-container,.signup-container,.reset-container):before{color:#32735d;content:"PSJ  /  MANAGEMENT STUDIO";display:block;font-size:.6875rem;font-weight:800;letter-spacing:.15em;margin-bottom:1.125rem}body :is(.login-card,.signup-card,.reset-card){-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#ffffffeb!important;border:1px solid rgba(23,32,28,.1);border-radius:.5rem!important;box-shadow:0 1.75rem 4.375rem #17201c1f!important;padding:2.875rem!important}body :is(.login-card,.signup-card,.reset-card) h1{color:#17201c!important;font-size:2.125rem!important;font-weight:750!important;letter-spacing:-.045em;text-align:left!important}body :is(.login-card,.signup-card,.reset-card) .subtitle{color:#68736d!important;line-height:1.6;margin-bottom:2.25rem!important;text-align:left!important}body :is(.login-card,.signup-card,.reset-card,.mypage,.modal-form) .form-group label{color:#17201c!important;font-size:.8125rem;font-weight:700!important}body :is(.login-card,.signup-card,.reset-card,.mypage,.modal-form) .form-group input,body :is(.login-card,.signup-card,.reset-card,.mypage,.modal-form) .form-group textarea{background:#fafbf8;border:1px solid #dce1dc!important;border-radius:.3125rem!important;color:#17201c;min-height:3rem;transition:border-color .2s,box-shadow .2s,background .2s!important}body :is(.login-card,.signup-card,.reset-card,.mypage,.modal-form) .form-group input:focus,body :is(.login-card,.signup-card,.reset-card,.mypage,.modal-form) .form-group textarea:focus{background:#fff;border-color:#32735d!important;box-shadow:0 0 0 .1875rem #32735d1a!important;outline:none}body :is(.login-card,.signup-card,.reset-card) .btn-primary{background:#17201c!important;border:1px solid #17201c!important;border-radius:999px!important;box-shadow:none!important;font-size:.875rem!important;font-weight:700!important;min-height:3.125rem}body :is(.login-card,.signup-card,.reset-card) .btn-primary:hover:not(:disabled){background:#eb5e3f!important;border-color:#eb5e3f!important;transform:translateY(-.125rem)}body :is(.forgot-password,.signup-link a,.login-link a,.back-to-login a){color:#eb5e3f!important;font-weight:700}body :is(.error-message,.warning-message,.success-message){border-radius:.3125rem!important;font-size:.8125rem!important}body .admin-layout{background:#f4f5ef;color:#17201c}body .admin-header{align-items:center;-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);background:#17201cfa!important;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:none!important;display:flex;min-height:4.75rem;padding:.75rem 1.75rem!important}body .admin-header .header-content{width:100%}body .admin-header .logo{align-items:center;display:flex!important;gap:.6875rem}.logo-mark{background:#eb5e3f;border-radius:50%;color:#fff;display:grid;font-size:1.0625rem;font-weight:900;height:2.375rem;place-items:center;width:2.375rem}.logo-copy{display:flex;flex-direction:column;gap:.1875rem}.logo-copy b{color:#fff;font-size:.875rem;letter-spacing:-.01em}.logo-copy small{color:#87938c;font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase}body .admin-header .nav-menu{margin-left:2.125rem}body .admin-header .nav-item{border-radius:999px!important;color:#aeb8b2!important;font-size:.75rem;font-weight:700!important}body .admin-header .nav-item:hover{background:#ffffff0f!important;color:#fff!important}body .admin-header .nav-item.router-link-active{background:#eb5e3f26!important;color:#f38a72!important}body .admin-header .site-link{color:#7ea993!important;margin-left:auto}body .admin-header .role-badge{background:#eb5e3f29!important;color:#f3947e!important}body .admin-header .logout-btn{border-radius:999px!important;font-size:.6875rem}body .admin-main{background:#f4f5ef!important}body :is(.dashboard,.mypage,.projects-page,.toy-projects-page){margin:0 auto;max-width:87.5rem;padding:3.625rem 1.75rem 5.625rem!important;width:100%}body :is(.dashboard-header,.page-header){border-bottom:1px solid #ccd2cc;margin-bottom:2.5rem!important;padding-bottom:1.625rem}body .mypage h1,body :is(.dashboard-header,.page-header) h1{color:#17201c!important;font-size:clamp(1.875rem,4vw,2.75rem)!important;font-weight:750!important;letter-spacing:-.045em}body .welcome-text{color:#68736d!important}body :is(.permission-card,.action-card,.recent-activity,.mypage .section,.project-card,.empty-state,.loading){background:#fff!important;border:1px solid #dce1dc!important;border-radius:.4375rem!important;box-shadow:0 .5rem 1.75rem #17201c0e!important}body .permission-card{border-left:.25rem solid #eb5e3f!important}body .action-card:not(.disabled):hover{border-color:#32735d!important;box-shadow:0 .9375rem 2rem #17201c17!important;transform:translateY(-.1875rem)}body .action-icon{background:#32735d1a!important;color:#32735d!important}body .modal-content .btn-primary,body .mypage .btn-primary,body :is(.projects-page,.toy-projects-page) .btn-primary{background:#17201c!important;border-radius:999px!important;box-shadow:none!important}body .modal-content .btn-primary:hover,body .mypage .btn-primary:hover,body :is(.projects-page,.toy-projects-page) .btn-primary:hover{background:#eb5e3f!important}body :is(.projects-page,.toy-projects-page)>.page-header .btn-primary{align-items:center;display:inline-flex;gap:.5625rem;justify-content:center;min-height:2.875rem}body :is(.projects-page,.toy-projects-page)>.page-header .btn-primary .add-icon{background:#ffffff24;border-radius:50%;color:#f58b73;display:grid;font-size:1.125rem;font-weight:500;height:1.3125rem;line-height:1;place-items:center;transition:.2s;width:1.3125rem}body :is(.projects-page,.toy-projects-page)>.page-header .btn-primary:hover .add-icon{background:#fff3;color:#fff;transform:rotate(90deg)}body .mypage .btn-secondary,body :is(.projects-page,.toy-projects-page) .btn-secondary{border-color:#bfc7c1!important;border-radius:999px!important;color:#32735d!important}body .project-card{overflow:hidden}body .project-card .card-thumbnail{background:#e0e6e1!important}body .project-card .order-badge{background:#17201c!important;color:#fff!important}body .project-card .tech-tag{background:#32735d1a!important;color:#32735d!important}body .project-card .status-badge.published{background:#dcece3!important;color:#245a45!important}body .project-card .status-badge.draft{background:#eee9e4!important;color:#745f51!important}body .project-card .card-url a{color:#32735d!important}body .project-card .btn-toggle{background:#32735d!important}body :is(.projects-page,.toy-projects-page) .management-toolbar{align-items:center;background:#ffffffc7;border:1px solid #dce1dc;border-radius:.5rem;display:flex;gap:1.25rem;justify-content:space-between;margin-bottom:1.375rem;padding:.9375rem 1.125rem}body :is(.projects-page,.toy-projects-page) .content-summary{color:#68736d;display:flex;font-size:.75rem;gap:1.125rem}body :is(.projects-page,.toy-projects-page) .content-summary span{align-items:center;display:flex;gap:.375rem;white-space:nowrap}body :is(.projects-page,.toy-projects-page) .content-summary b{color:#17201c;font-size:.9375rem}.summary-dot{background:#b9bfbb;border-radius:50%;display:inline-block;height:.4375rem;width:.4375rem}.summary-dot.published{background:#3c956e}body :is(.projects-page,.toy-projects-page) .toolbar-controls{display:flex;gap:.5rem}body :is(.projects-page,.toy-projects-page) .search-field{align-items:center;background:#fff;border:1px solid #dce1dc;border-radius:.375rem;color:#68736d;display:flex;gap:.5625rem;min-width:15rem;padding:0 .75rem}body :is(.projects-page,.toy-projects-page) .search-field svg{fill:none;flex:0 0 auto;height:1.25rem;stroke:#64716a;stroke-linecap:round;stroke-width:1.8;width:1.25rem}body :is(.projects-page,.toy-projects-page) .search-field:focus-within{border-color:#32735d;box-shadow:0 0 0 .1875rem #32735d17}body :is(.projects-page,.toy-projects-page) .search-field input{background:transparent;border:0;font:inherit;font-size:.75rem;min-height:2.5rem;outline:0;width:100%}body :is(.projects-page,.toy-projects-page) .toolbar-controls select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2368736d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #dce1dc;border-radius:.375rem;color:#17201c;cursor:pointer;font:inherit;font-size:.75rem;min-height:2.625rem;padding:0 2.375rem 0 .8125rem}body :is(.projects-page,.toy-projects-page) .toolbar-controls select:focus{border-color:#32735d;box-shadow:0 0 0 .1875rem #32735d17;outline:none}body :is(.projects-page,.toy-projects-page) .projects-grid{gap:1.125rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}body :is(.projects-page,.toy-projects-page) .project-card{display:flex;flex-direction:column;min-height:30.625rem;transition:border-color .2s,transform .2s,box-shadow .2s}body :is(.projects-page,.toy-projects-page) .project-card:hover{border-color:#bac6be!important;transform:translateY(-.1875rem)}body :is(.projects-page,.toy-projects-page) .card-header{background:#f7f8f5;padding:.625rem .875rem}body :is(.projects-page,.toy-projects-page) .order-badge{background:transparent!important;color:#68736d!important;font-size:.625rem;padding:.25rem .5625rem}body :is(.projects-page,.toy-projects-page) .btn-icon{background:#fff;border-color:#d8ded9;border-radius:50%;color:#17201c;display:grid;font-size:.8125rem;height:1.875rem;padding:0;place-items:center;width:1.875rem}body :is(.projects-page,.toy-projects-page) .card-thumbnail{height:11.75rem}body :is(.projects-page,.toy-projects-page) .placeholder-mark{color:#17201c40;font-size:.8125rem!important;font-weight:900;letter-spacing:.18em}body :is(.projects-page,.toy-projects-page) .card-content{display:flex;flex:1;flex-direction:column;padding:1.1875rem}body :is(.projects-page,.toy-projects-page) .card-title-row h3{font-size:1.125rem;letter-spacing:-.02em}body :is(.projects-page,.toy-projects-page) .card-description{display:-webkit-box;min-height:2.8125rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}body :is(.projects-page,.toy-projects-page) .card-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body :is(.projects-page,.toy-projects-page) .card-url a{font-size:.75rem}body :is(.projects-page,.toy-projects-page) .attachment-summary{align-items:center;color:#32735d;display:flex;font-size:.6875rem;font-weight:700;gap:.4375rem;margin:-.3125rem 0 .875rem}body :is(.projects-page,.toy-projects-page) .tech-stack{margin-bottom:1.125rem}body :is(.projects-page,.toy-projects-page) .card-footer{margin-top:auto}body :is(.projects-page,.toy-projects-page) .card-footer button{border:1px solid transparent!important;border-radius:.375rem!important;box-shadow:none!important;font-size:.6875rem;font-weight:750;min-height:2.375rem;transition:background .18s,border-color .18s,color .18s,transform .18s}body :is(.projects-page,.toy-projects-page) .card-footer button:hover{transform:translateY(-.0625rem)}body :is(.projects-page,.toy-projects-page) .card-footer .btn-toggle{background:#32735d!important;border-color:#32735d!important;color:#fff}body :is(.projects-page,.toy-projects-page) .card-footer .btn-toggle:hover{background:#285f4d!important;border-color:#285f4d!important}body :is(.projects-page,.toy-projects-page) .card-footer .btn-secondary{background:#edf3ef;border-color:#d4ddd6!important;color:#32735d!important}body :is(.projects-page,.toy-projects-page) .card-footer .btn-secondary:hover{background:#e2ece5;border-color:#b9c8bd!important}body :is(.projects-page,.toy-projects-page) .card-footer .btn-danger{background:#f8e7e3!important;border-color:#ebc8c0!important;color:#9a4434}body :is(.projects-page,.toy-projects-page) .card-footer .btn-danger:hover{background:#f2d7d1!important;border-color:#dba99e!important;color:#7f3327}body :is(.projects-page,.toy-projects-page) .empty-icon{background:#e8eee9;border-radius:50%;color:#32735d;display:grid;font-weight:900;height:3rem;margin:0 auto 1rem;place-items:center;width:3rem}body .modal-overlay{-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);background:#17201cb8!important}body .modal-content{background:#fbfcf9!important;border:1px solid hsla(0,0%,100%,.2);border-radius:.625rem!important;box-shadow:0 1.875rem 5.625rem #0000004d!important;overflow:hidden}body .modal-header{background:#17201c!important;color:#fff}body .modal-header h2{color:#fff!important;letter-spacing:-.025em}body .thumbnail-preview{border-radius:.375rem!important;overflow:hidden}body :is(.projects-page,.toy-projects-page) .page-header{align-items:flex-end}body :is(.projects-page,.toy-projects-page) .page-header .page-kicker{color:#32735d;font-size:.625rem;font-weight:900;letter-spacing:.16em;margin:0 0 .5rem}body :is(.projects-page,.toy-projects-page) .page-header .page-description{color:#68736d;font-size:.875rem;margin:.625rem 0 0}body .modal-content-wide{max-width:51.25rem!important;width:min(51.25rem,100vw - 2rem)!important}body .modal-content-wide .modal-header{padding:1.375rem 1.75rem!important}body .modal-content-wide .modal-form{padding:1.75rem!important}body .modal-form .form-intro{align-items:flex-start;background:#f3f6f1;border:1px solid #dfe5df;border-radius:.4375rem;display:flex;gap:1.25rem;justify-content:space-between;margin-bottom:1.75rem;padding:1.0625rem 1.125rem}body .modal-form .form-intro b{color:#17201c;font-size:.8125rem}body .modal-form .form-intro p{color:#68736d;font-size:.75rem;margin:.3125rem 0 0}body .modal-form .form-intro>span{color:#eb5e3f;font-size:.6875rem;font-weight:800;white-space:nowrap}body .modal-form .live-preview{align-items:center;background:#fff;border:1px solid #dce1dc;border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:6.5rem 1fr auto;margin-bottom:1.75rem;padding:.75rem}body .modal-form .live-preview .preview-image{background:#e7ebe7;border-radius:.3125rem;color:#8a948e;display:grid;font-size:.625rem;height:4.5rem;overflow:hidden;place-items:center;width:6.5rem}body .modal-form .live-preview .preview-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}body .modal-form .live-preview>div:nth-child(2){min-width:0}body .modal-form .live-preview small{color:#32735d;display:block;font-size:.5625rem;font-weight:800;letter-spacing:.08em;margin-bottom:.25rem}body .modal-form .live-preview b{color:#17201c;display:block;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .modal-form .live-preview p{color:#68736d;font-size:.6875rem;margin:.3125rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .modal-form .form-group{margin-bottom:1.5625rem!important;position:relative}body .modal-form .form-group>label{display:block;margin-bottom:.5625rem!important}body .modal-form .character-count{color:#9aa29d;pointer-events:none;position:absolute;right:.8125rem;top:2.625rem}body .modal-form .field-help{display:flex;gap:1rem;justify-content:space-between}body .modal-form .tech-suggestions{display:flex;flex-wrap:wrap;gap:.4375rem;margin-top:.6875rem}body .modal-form .tech-suggestions button{background:#fff;border:1px solid #d7ddd8;border-radius:999px;color:#68736d;cursor:pointer;font-size:.6875rem;font-weight:700;padding:.4375rem .6875rem;transition:.18s}body .modal-form .tech-suggestions button.selected,body .modal-form .tech-suggestions button:hover{background:#32735d17;border-color:#32735d;color:#32735d}body .modal-form .upload-dropzone{align-items:center;background:#f7f9f5;border:1px dashed #b9c4bc;border-radius:.4375rem;cursor:pointer;display:flex!important;flex-direction:column;gap:.3125rem;justify-content:center;min-height:7rem;padding:1.125rem;text-align:center;transition:.2s}body .modal-form .upload-dropzone.dragging,body .modal-form .upload-dropzone:hover{background:#32735d14;border-color:#32735d;box-shadow:inset 0 0 0 .125rem #32735d14}body .modal-form .upload-dropzone .upload-icon{background:#fff;border-radius:50%;box-shadow:0 .125rem .5rem #17201c14;color:#32735d;display:grid;height:1.75rem;place-items:center;width:1.75rem}body .modal-form .upload-dropzone b{color:#17201c;font-size:.75rem;margin-top:.25rem}body .modal-form .upload-dropzone small{color:#68736d;font-weight:400}body .modal-form .upload-dropzone+input[type=file]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}body .modal-form .file-dropzone{align-items:center;background:#f5f8f4;border:1px dashed #aebbb2;border-radius:.5rem;cursor:pointer;display:flex!important;flex-direction:column;gap:.375rem;justify-content:center;min-height:7.875rem;padding:1.25rem;text-align:center;transition:.2s}body .modal-form .file-dropzone.dragging,body .modal-form .file-dropzone:hover{background:#32735d17;border-color:#32735d;box-shadow:inset 0 0 0 .125rem #32735d14}body .modal-form .file-dropzone__icon{background:#17201c;border-radius:50%;color:#fff;display:grid;font-size:1rem;height:2.125rem;place-items:center;width:2.125rem}body .modal-form .file-dropzone b{color:#17201c;font-size:.8125rem;margin-top:.1875rem}body .modal-form .file-dropzone small{color:#68736d;font-weight:400;line-height:1.5;max-width:32.5rem}body .modal-form .file-input-hidden{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}body .modal-form .attachment-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:.75rem 0 0;padding:0}body .modal-form .attachment-list li{align-items:center;background:#fff;border:1px solid #e0e5e1;border-radius:.375rem;display:grid;gap:.6875rem;grid-template-columns:auto 1fr auto;padding:.6875rem .75rem}body .modal-form .attachment-list li>span:nth-child(2){display:flex;flex-direction:column;gap:.1875rem;min-width:0}body .modal-form .attachment-list b{color:#17201c;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .modal-form .attachment-list small{color:#68736d;font-size:.5625rem}body .modal-form .attachment-list button{background:#f8e7e3;border:1px solid #ebc8c0;border-radius:.3125rem;color:#984536;cursor:pointer;font-size:.625rem;font-weight:700;padding:.375rem .5625rem}body .modal-form .file-type{background:#17201c;border-radius:.3125rem;color:#fff;display:grid;font-size:.5rem;font-weight:900;height:1.875rem;letter-spacing:.04em;min-width:2.6875rem;place-items:center}body .modal-form .file-type.pending{background:#32735d}body .modal-form .publish-control{background:#fff;border:1px solid #dce1dc;border-radius:.4375rem;padding:1rem 1.125rem}body .modal-form .publish-label{align-items:center;cursor:pointer;display:flex!important;gap:.8125rem;margin:0!important}body .modal-form .publish-label input{accent-color:#32735d;min-height:1.1875rem!important;width:1.1875rem!important}body .modal-form .publish-label span{display:flex;flex-direction:column;gap:.25rem}body .modal-form .publish-label small{color:#68736d;font-weight:400}body .modal-content-wide .modal-actions{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#fafcf8f5;border-top:1px solid #dce1dc;bottom:-1.75rem;margin:1.875rem -1.75rem -1.75rem!important;padding:1.0625rem 1.75rem!important;position:sticky;z-index:2}body .modal-content-wide .modal-actions .draft-state{align-items:center;color:#68736d;display:inline-flex;font-size:.6875rem;gap:.4375rem;margin-right:auto}body .modal-content-wide .modal-actions .draft-state i{background:#32735d;border-radius:50%;box-shadow:0 0 0 .1875rem #32735d1a;height:.4375rem;width:.4375rem}body .modal-content-wide .modal-actions button{border-radius:999px!important;font-size:.75rem;font-weight:750;min-height:2.625rem;min-width:6.5rem}body .modal-content-wide .modal-actions .btn-secondary{background:#fff;border:1px solid #cbd3cd!important;color:#17201c!important}body .modal-content-wide .modal-actions .btn-secondary:hover{background:#f0f2ef;border-color:#17201c!important}@media(max-width:768px){body :is(.login-card,.signup-card,.reset-card){padding:2rem 1.5rem!important}body .admin-header{padding:.75rem 1rem!important}body .admin-header .header-content{flex-wrap:wrap}body .admin-header .nav-menu{margin:.3125rem 0 0;order:3;overflow-x:auto;width:100%}body .admin-header .site-link{margin-left:0}body .admin-header .username{display:none}body :is(.dashboard,.mypage,.projects-page,.toy-projects-page){padding:2.375rem 1.125rem 4.375rem!important}body :is(.projects-page,.toy-projects-page) .page-header{align-items:stretch;flex-direction:column;gap:1.25rem}body :is(.projects-page,.toy-projects-page) .page-header .btn-primary{width:100%}body :is(.projects-page,.toy-projects-page) .management-toolbar{align-items:stretch;flex-direction:column}body :is(.projects-page,.toy-projects-page) .toolbar-controls{flex-direction:column}body :is(.projects-page,.toy-projects-page) .search-field{min-width:0}body :is(.projects-page,.toy-projects-page) .projects-grid{grid-template-columns:1fr}body .modal-content-wide .modal-form{padding:1.375rem 1.125rem!important}body .modal-form .live-preview{grid-template-columns:4.5rem 1fr}body .modal-form .live-preview .preview-image{height:3.875rem;width:4.5rem}body .modal-form .live-preview>.status-badge{display:none}body .modal-content-wide .modal-actions{bottom:-1.375rem;margin:1.625rem -1.125rem -1.375rem!important;padding:.875rem 1.125rem!important}}