@import"https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--font: Rubik, Inter, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font);font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;letter-spacing:.05em;text-rendering:optimizeLegibility;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{position:relative;box-sizing:inherit;outline:0}body,h1,h2,h3,h4,h5,h6,p,ol,ul,label,input{margin:0;padding:0;font-weight:400;outline:0}ol,ul{padding-left:1em}img{display:block;max-width:100%;height:auto}html,body{height:100%}body{padding:0;margin:0}input,textarea,select,button{font:inherit}:root{--color: #ffffffb0;--label: #ffffffd0;--primary: hsl(160, 60%, 35%);--secondary: hsl(220, 30%, 45%);--danger: hsl(0, 70%, 40%);--bar: #3e5477;--panel: #202c3d;--status: #293950;--highlight: #ffffff;--backdrop: rgba(32, 44, 61, .75);--error: #e65b65;--error-bg: #ff758240;--error-bg-solid: hsl(354, 100%, 15%);--warning: #f7c425;--warning-bg: #f7c42540;--warning-bg-solid: #303000b0;--success: #4caf50;--success-bg: #4caf5040;--success-bg-solid: #275929b0;--info: #2196f3;--info-bg: #2196f340;--info-bg-solid: #2196f3;--input: #293950;--border: #445266;--font: Rubik, Inter, Avenir, Helvetica, Arial, sans-serif;--gap: 15px;--max-width: 1080px}body{background-color:#2a3950;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23243044' stroke-width='8' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");color:var(--color);font-size:14px}h1{font-size:24px}#toast{position:fixed;right:20px;bottom:20px;z-index:1000}#toast .toast .notice-content{padding-inline:20px}#toast .toast .notice-content .notice-icon,#toast .toast .notice-content .notice-text{padding:10px 0}#toast .toast.slideOut{animation:slideOut .5s forwards}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translate(10%);opacity:0}}button{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 20px;font-size:14px;line-height:16px;text-transform:uppercase;letter-spacing:.1em;border:0;border-radius:6px;min-height:40px;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}button:disabled{opacity:.35;pointer-events:none;cursor:default}button.button-primary{background:var(--primary);color:var(--color)}button.button-secondary{background:var(--secondary);color:var(--color)}button.button-danger{background:var(--danger);color:var(--color)}button.submitting{opacity:.75;pointer-events:none;cursor:default}button.submitting .button-icon{animation:spin 1s linear infinite}button:hover{filter:brightness(1.2) saturate(.8)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dialog-open{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-open{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes dialog-close{0%{opacity:1}to{opacity:0}}@keyframes dialog-backdrop-close{0%{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}dialog{border:5px solid var(--bar);background:var(--panel);border-radius:6px;color:var(--color);padding:0;font-size:14px;line-height:16px;filter:drop-shadow(0 0 10px rgba(0,0,0,.25))}dialog[open]{animation:dialog-open .5s forwards}dialog[open]::backdrop{animation:dialog-backdrop-open .5s forwards}dialog.close{animation:dialog-close .5s forwards}dialog.close::backdrop{animation:dialog-backdrop-close .5s forwards}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog .dialog-bar{display:flex;background:var(--bar);padding:5px 0 10px 5px}dialog .dialog-bar .dialog-icon,dialog .dialog-bar .dialog-close{flex:none}dialog .dialog-bar .dialog-icon svg,dialog .dialog-bar .dialog-close svg{display:block;width:24px;height:24px}dialog .dialog-bar .dialog-close{cursor:pointer}dialog .dialog-bar .dialog-close:hover svg{color:var(--highlight)}dialog .dialog-bar .dialog-title{flex:1;font-size:20px;line-height:24px;margin:0;text-align:center;text-transform:uppercase;letter-spacing:.1em}dialog .dialog-content{padding:var(--gap);background:var(--panel50)}dialog .dialog-actions{padding:var(--gap);background:var(--status);display:flex;gap:10px;justify-content:center}form.login{text-align:center;text-wrap:balance}form.login label{display:block;font-size:14px;font-weight:500;line-height:1;color:#fff;margin:var(--gap) 0}form.login input{width:100%;padding:10px;font-size:16px;line-height:20px;color:#fff;border:2px solid rgba(255,255,255,.1);background:#ffffff20;border-radius:6px;margin-top:5px;text-align:center;letter-spacing:.05em;font-weight:400}form.login input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}form.login input[type=number]::-webkit-outer-spin-button,form.login input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}form.login input:disabled{border:2px solid rgba(255,255,255,0);opacity:.5;pointer-events:none}form.login input:is(:-webkit-autofill,:autofill){border:2px solid rgba(255,255,255,.1254901961);-webkit-background-clip:text;background-clip:text;box-shadow:0 0 0 1000px #ffffff20 inset;caret-color:#fff;-webkit-text-fill-color:#ffffff}form.login input:is(:-webkit-autofill,:autofill):disabled{opacity:.5}form.login .accesscode{position:relative;display:grid;grid-template:auto/1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;width:280px;margin:5px auto 0;overflow:clip}form.login .accesscode span{display:block;background:#ffffff20;border:2px solid rgba(255,255,255,.1);border-radius:5px;height:44px;font-size:24px;line-height:40px;text-align:center;pointer-events:none}form.login .accesscode input{position:absolute;margin:0;left:0;top:0;width:100%;height:100%;opacity:0}form.login .accesscode input:focus.digit-0+span,form.login .accesscode input:focus.digit-1+span+span,form.login .accesscode input:focus.digit-2+span+span+span,form.login .accesscode input:focus.digit-3+span+span+span+span,form.login .accesscode input:focus.digit-4+span+span+span+span+span,form.login .accesscode input:focus.digit-5+span+span+span+span+span+span,form.login .accesscode input:focus.digit-6+span+span+span+span+span+span{background:#ffffff40;border-color:#ffffff80}@keyframes notice{0%{opacity:0;margin:0;grid-template-rows:0fr}to{opacity:1;margin:var(--gap) 0;grid-template-rows:1fr}}@keyframes notice-margin-bottom{0%{margin-bottom:0}to{margin-bottom:var(--gap)}}@keyframes notice-reverse{0%{opacity:1;margin:var(--gap) 0;grid-template-rows:1fr}to{opacity:0;margin:0;grid-template-rows:0fr}}@keyframes notice-content{0%{opacity:0;top:100%;border-width:0}to{opacity:1;top:0;border-width:1}}@keyframes notice-content-reverse{0%{padding:5px;border-width:1px}to{padding:0;border-width:0}}.notice{display:grid;margin:var(--gap) 0;grid-template-rows:1fr;overflow:clip;animation:notice .5s ease forwards;text-align:left;text-wrap:auto;background:#ffffff10}.notice.toast{--error-bg: var(--error-bg-solid);--warning-bg: var(--warning-bg-solid);--success-bg: var(--success-bg-solid);--info-bg: var(--info-bg-solid)}.notice:has(+.notice){animation:notice-margin-bottom .5s ease forwards}.notice .notice-content{display:flex;gap:5px;align-items:center;padding:0 5px;border:1px solid var(--info);background:var(--info-bg);border-radius:6px;font-size:14px;line-height:16px;overflow:hidden;animation:notice-content .5s ease forwards}.notice.notice-initial{display:none;animation:none}.notice.notice-hidden{animation:notice-reverse .5s ease forwards}.notice.notice-hidden .notice-content{animation:notice-content-reverse .5s ease forwards}.notice:first-child{margin-top:0!important}.notice:last-child{margin-bottom:0!important}.notice .notice-icon{flex:none}.notice .notice-icon svg{display:block;width:24px;height:24px;color:var(--info)}.notice .notice-text{flex:1;padding:10px 0}.notice.notice-warning .notice-content{border-color:var(--warning);background:var(--warning-bg)}.notice.notice-warning .notice-content .notice-icon svg{color:var(--warning)}.notice.notice-error .notice-content{border-color:var(--error);background:var(--error-bg)}.notice.notice-error .notice-content .notice-icon svg{color:var(--error)}.notice.notice-success .notice-content{border-color:var(--success);background:var(--success-bg)}.notice.notice-success .notice-content .notice-icon svg{color:var(--success)}.fields{display:grid;grid-template:auto/repeat(12,1fr);gap:var(--gap)}.fields *{transition:border .25s ease}.fields .field{display:grid;align-content:start;gap:5px;grid-column-start:span 12}.fields .field.span-1{grid-column-start:span 1}.fields .field.span-2{grid-column-start:span 2}.fields .field.span-3{grid-column-start:span 3}.fields .field.span-4{grid-column-start:span 4}.fields .field.span-5{grid-column-start:span 5}.fields .field.span-6{grid-column-start:span 6}.fields .field.span-7{grid-column-start:span 7}.fields .field.span-8{grid-column-start:span 8}.fields .field.span-9{grid-column-start:span 9}.fields .field.span-10{grid-column-start:span 10}.fields .field.span-11{grid-column-start:span 11}.fields .field.span-12{grid-column-start:span 12}.fields .field>label{font-size:13px;line-height:15px;padding:2px 12px;margin-bottom:-7px;z-index:1;background:var(--border);border-radius:6px 6px 0 0;justify-self:start}.fields .field:has(:focus)>label{background:var(--primary)}.fields .field input,.fields .field textarea{width:100%;padding:8px 10px;font-size:13px;line-height:16px;color:#fff;border:2px solid var(--border);background:var(--input);border-radius:0 6px 6px;text-align:left;letter-spacing:.05em;font-weight:400;resize:none}.fields .field input::placeholder,.fields .field textarea::placeholder{color:#ffffff60}.fields .field input:focus,.fields .field textarea:focus{border-color:var(--primary)}.fields .field textarea{min-height:52px}.fields .field .help{font-size:11px;line-height:15px}.fields .field .field-details{display:grid;gap:var(--gap)}.image-manager{position:relative;margin:10px;cursor:default}.image-manager,.image-manager *{-webkit-user-select:none;user-select:none}.image-manager>img{display:block;width:100%;height:auto;max-width:640px;max-height:480px}.image-manager .stats{position:absolute;left:0;bottom:0;width:100%;padding:10px;z-index:3;pointer-events:none}.image-manager .tool{position:absolute;left:0;top:0;width:100%;height:100%;cursor:move}.image-manager .tool *{transition:none}.image-manager .tool:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;cursor:default;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 var(--y2),var(--x2) var(--y2),var(--x2) var(--y1),var(--x1) var(--y1),var(--x1) var(--y2),0 var(--y2));z-index:1}.image-manager .tool>div:is(.x1,.x2,.y1,.y2):before{content:"";position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.image-manager .tool>div:is(.tl,.tr,.bl,.br){background:#fff}.image-manager .tool>div svg{color:#000;width:20px;height:20px}.image-manager .tool .x1{position:absolute;left:var(--x1);top:0;width:1px;height:100%;background:#fff;z-index:2}.image-manager .tool .x1:before{cursor:ew-resize}.image-manager .tool .x2{position:absolute;left:var(--x2);top:0;width:1px;height:100%;background:#fff;z-index:2}.image-manager .tool .x2:before{cursor:ew-resize}.image-manager .tool .y1{position:absolute;left:0;top:var(--y1);width:100%;height:1px;background:#fff;z-index:2}.image-manager .tool .y1:before{cursor:ns-resize}.image-manager .tool .y2{position:absolute;left:0;top:var(--y2);width:100%;height:1px;background:#fff;z-index:2}.image-manager .tool .y2:before{cursor:ns-resize}.image-manager .tool .tl{position:absolute;top:calc(var(--y1) - 10px);left:calc(var(--x1) - 10px);width:21px;height:21px;background:#fff0;cursor:nwse-resize;z-index:2}.image-manager .tool .tr{position:absolute;top:calc(var(--y1) - 10px);left:calc(var(--x2) - 10px);width:21px;height:21px;background:#fff0;cursor:nesw-resize;z-index:2}.image-manager .tool .bl{position:absolute;top:calc(var(--y2) - 10px);left:calc(var(--x1) - 10px);width:21px;height:21px;background:#fff0;cursor:nesw-resize;z-index:2}.image-manager .tool .br{position:absolute;top:calc(var(--y2) - 10px);left:calc(var(--x2) - 10px);width:21px;height:21px;background:#fff0;cursor:nwse-resize;z-index:2}body:has(.tool.current-x1),body:has(.tool.current-x1) *,body:has(.tool.current-x1) *:before,body:has(.tool.current-x2),body:has(.tool.current-x2) *,body:has(.tool.current-x2) *:before{cursor:ew-resize!important}body:has(.tool.current-y1),body:has(.tool.current-y1) *,body:has(.tool.current-y1) *:before,body:has(.tool.current-y2),body:has(.tool.current-y2) *,body:has(.tool.current-y2) *:before{cursor:ns-resize!important}body:has(.tool.current-tl),body:has(.tool.current-tl) *,body:has(.tool.current-tl) *:before,body:has(.tool.current-br),body:has(.tool.current-br) *,body:has(.tool.current-br) *:before{cursor:nwse-resize!important}body:has(.tool.current-tr),body:has(.tool.current-tr) *,body:has(.tool.current-tr) *:before,body:has(.tool.current-bl),body:has(.tool.current-bl) *,body:has(.tool.current-bl) *:before{cursor:nesw-resize!important}.fields .field.type-image>div{display:grid;grid-template:1fr/auto minmax(calc(50% - var(--gap) / 2),1fr);align-content:start;gap:var(--gap);border:2px solid var(--border);border-radius:0 6px 6px;padding:var(--gap)}.fields .field.type-image>div .field-image{aspect-ratio:var(--ratio);background:var(--status);border-radius:6px;overflow:hidden;max-width:100%;max-height:100%;cursor:pointer}.fields .field.type-image>div .field-image>img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.fields .field.type-image>div .field-image>img[data-svg=true]{object-fit:contain;padding:5px}.fields .field.type-image>div .field-image>input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.fields .field.type-image>div .field-image>button{position:absolute;right:10px;top:10px}.fields .field.type-image>div .field-image .field-image-manage{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;background:var(--primary);opacity:0;transition:all .35s ease}.fields .field.type-image>div .field-image .field-image-manage svg{width:min(100%,64px);height:min(100%,64px);color:#fff}.fields .field.type-image>div .field-image .field-image-manage:hover{opacity:.75}.fields .field.type-image>div .field-details{flex:1}.fields .field.type-image:has(:focus)>div{border-color:var(--primary)}form.form-default{display:grid;gap:var(--gap)}form.form-default footer{display:grid;grid-template:auto/1fr auto;gap:var(--gap)}form.form-default footer .form-disclaimer{text-align:left;font-size:12px}.tabs{display:flex;flex-wrap:wrap;justify-content:start;gap:5px}.tabs .tab{order:0;display:flex;gap:10px;align-items:center;padding:5px var(--gap);background:var(--secondary);-webkit-user-select:none;user-select:none;border-radius:6px 6px 0 0;cursor:pointer;transition:all .25s ease}.tabs .tab svg{flex:none;width:24px;height:24px}.tabs .tab:not(.active):hover{filter:brightness(1.2) saturate(.8)}.tabs .tab.active{background:var(--primary);pointer-events:none}.tabs .panel{order:1;flex:none;width:100%;padding:var(--gap);background:var(--panel);border-radius:0 12px 12px}.tabs .panel:not(.active){display:none}.dashboard{display:grid;gap:20px;padding:40px max(20px,50% - var(--max-width) / 2)}.dashboard header{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:var(--gap);border-radius:12px}.dashboard header h1{display:flex;gap:10px;align-items:center}.dashboard header h1 svg{flex:none;color:var(--primary);width:48px;height:48px}.dashboard main .websites{display:grid;gap:var(--gap)}.dashboard main .websites .website{display:grid;grid-template:auto/180px 1fr 220px;gap:var(--gap);padding:var(--gap);background:var(--status);border-radius:6px;border:2px solid var(--bar);font-size:14px;line-height:20px}.dashboard main .websites .website .website-screenshot{aspect-ratio:16/9;background:var(--bar);border-radius:6px;box-shadow:0 0 10px #00000080}.dashboard main .websites .website .website-screenshot svg,.dashboard main .websites .website .website-screenshot img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;color:#ffffff40}.dashboard main .websites .website .website-details{display:grid;align-items:center}.dashboard main .websites .website .website-details strong{color:var(--primary)}.dashboard main .websites .website .website-actions{display:grid;align-items:center;gap:var(--gap)}.dashboard main .profile{display:grid;gap:var(--gap)}.dashboard footer{font-size:13px;text-align:center}