:root{--fpc-yellow:#ffcf00;--fpc-black:#090a0b;--fpc-panel:#141619;--fpc-border:#2c3035}
.fpc-fullscreen-page .fpc-app{background:#0b0d0f;color:#f8f6ef}
.fpc-fullscreen-page .fpc-shell{grid-template-columns:82px minmax(560px,1fr) 365px;grid-template-rows:72px minmax(0,1fr)}
.fpc-fullscreen-page .fpc-head{height:72px;padding:0 28px;background:#08090a;border-bottom:1px solid var(--fpc-border);box-shadow:0 8px 30px #0005;z-index:5}
.fpc-head b{font-size:24px!important;letter-spacing:2px}.fpc-head>div:first-child span{color:#9c9fa4!important;margin-top:3px}.fpc-head>button{min-width:190px;height:48px;font-size:15px;text-transform:uppercase;box-shadow:0 8px 25px #ffcf0020;transition:.2s}.fpc-head>button:hover{transform:translateY(-1px);background:#ffe052}.fpc-head>button:disabled{opacity:.65;cursor:wait}
.fpc-progress{gap:32px!important}.fpc-progress span{font-size:11px!important;text-transform:uppercase}.fpc-progress span:before{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #3b3e43;border-radius:50%;margin-right:7px}.fpc-progress span:nth-child(1):before{content:'1'}.fpc-progress span:nth-child(2):before{content:'2'}.fpc-progress span:nth-child(3):before{content:'3'}.fpc-progress .active:before{background:var(--fpc-yellow);border-color:var(--fpc-yellow);color:#111}
.fpc-tools{padding:14px 10px;background:#0d0f11;border-color:var(--fpc-border);gap:9px}.fpc-tools button{height:72px;border-radius:9px;background:#14171a;border:1px solid #30343a;font-size:20px;transition:.15s}.fpc-tools button:hover,.fpc-tools button.active{background:#1b1e22;border-color:var(--fpc-yellow);box-shadow:inset 3px 0 var(--fpc-yellow);color:var(--fpc-yellow)}.fpc-tools small{font-size:9px!important;letter-spacing:.7px!important}
.fpc-stage{background:#0c0e10}.fpc-stagebar{height:64px;padding:10px 18px;background:#111316;border-color:var(--fpc-border)}.fpc-stagebar select{min-width:290px;height:42px;background:#191c20;border-color:#3b4046;padding:0 13px;font-size:14px}.fpc-stagebar button{height:42px;padding:0 16px;background:#171a1e;border-color:#373c42;font-size:12px;text-transform:uppercase}.fpc-stagebar button.active{background:#ffcf0015}.fpc-canvas-wrap{height:calc(100vh - 136px)!important;padding:24px;background:radial-gradient(circle at 50% 45%,#30343a 0,#181b1f 38%,#0e1012 75%)!important}.canvas-container{box-shadow:0 25px 70px #0008;border:1px solid #3a3e43;border-radius:4px;overflow:hidden}
.fpc-settings{padding:25px 28px;background:linear-gradient(160deg,#171a1e,#0e1012);border-color:var(--fpc-border);overflow-y:auto}.fpc-settings h3{color:#fff!important;font-size:19px!important;letter-spacing:1.4px!important;margin:0 0 24px!important;padding:0 0 18px!important;border-bottom:1px solid #34383e!important}.fpc-settings>label{color:#dfe0e2!important;margin-top:18px!important}.fpc-settings select,.fpc-settings>input{height:44px!important;background:#111417!important;border:1px solid #373c42!important;color:#fff!important}.fpc-colors button{width:42px!important;height:42px!important;border-radius:9px!important;border:2px solid #4a4e53!important;box-shadow:inset 0 0 0 2px #0005}.fpc-colors button:hover{border-color:var(--fpc-yellow)!important;transform:scale(1.05)}.fpc-row{grid-template-columns:1fr 52px!important}.fpc-row button{height:44px;background:#24282e!important;border-color:#41464d!important;font-weight:700;font-size:12px}.fpc-settings #fpc-sizes{gap:9px!important}.fpc-settings #fpc-sizes div{height:48px;background:#111417!important;border-color:#34393f!important}.fpc-total{padding:17px!important;border-color:#373c42!important;background:#090b0d!important}.fpc-total strong{font-size:27px!important}.fpc-primary{height:50px!important;font-size:14px!important;text-transform:uppercase;box-shadow:0 8px 25px #ffcf0020}.fpc-primary:disabled{opacity:.65}
@media(max-width:1100px){.fpc-fullscreen-page .fpc-shell{grid-template-columns:74px 1fr;grid-template-rows:72px 620px auto}.fpc-settings{grid-column:1/-1}.fpc-canvas-wrap{height:556px!important}}
@media(max-width:680px){.fpc-head>button{min-width:145px}.fpc-tools{padding:8px}.fpc-stagebar select{min-width:0;max-width:150px}.fpc-canvas-wrap{height:500px!important;padding:10px}.fpc-settings{padding:22px 18px}}
