.of-editor{--border:#dedfdb;background:#fafaf8;color:#252a27;font-size:14px;line-height:1.5;min-height:85vh}.of-editor button{min-height:44px;border:1px solid var(--border);background:#fff;color:#29382f;border-radius:5px;padding:9px 13px;font-size:14px;font-weight:600}.of-editor button:hover{border-color:#8fa694;background:#f3f5f2}.of-editor button[aria-pressed=true]{border-color:#173a2b;background:#e9efea;box-shadow:inset 0 0 0 1px #173a2b}.of-editor .of-primary{background:#173a2b;color:#f3efe5;border-color:#173a2b;width:100%}.of-editor .of-primary:hover{background:#24543f}.of-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px 22px}.of-heading h1{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:4px 0}.of-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:#66746b}.of-save{display:flex;gap:16px;align-items:center}.of-save>span{font-size:12px;color:#66746b}.of-steps{display:flex;border-block:1px solid var(--border);padding:0 32px;gap:25px;background:white;overflow-x:auto}.of-steps button{border:0;border-radius:0;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:16px 6px;color:#717973;position:relative}.of-steps button span{border:1px solid #d4d9d4;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:12px}.of-steps button[aria-current=step]{color:#173a2b;box-shadow:inset 0 -3px #173a2b}.of-steps button[aria-current=step] span{color:#fff;background:#173a2b;border-color:#173a2b}.of-notice{padding:12px 30px;background:#ecf1ec;display:flex;align-items:center;justify-content:space-between;gap:20px}.of-notice button{min-height:32px;padding:2px 12px}.of-workspace{display:grid;grid-template-columns:264px minmax(0,1fr) 256px;min-height:730px}.of-properties,.of-tools{padding:25px 22px;background:#fff;min-width:0}.of-tools{border-right:1px solid var(--border)}.of-properties{border-left:1px solid var(--border)}.of-panel-title{display:flex;align-items:baseline;gap:10px}.of-panel-title>span{font-size:12px;color:#87988d}.of-editor h2{font-size:21px;line-height:1.2;margin:0 0 16px;letter-spacing:-.5px}.of-editor h3{font-size:14px;line-height:1.4;margin:8px 0 15px}.of-tools>p{font-size:14px;color:#647067;margin:0 0 22px}.of-editor label{display:block;font-size:13px;font-weight:600;margin:0 0 16px}.of-editor input:not([type=color]):not([type=checkbox]):not([type=range]):not([type=file]){display:block;width:100%;border:1px solid #d9dfd9;background:#fff;border-radius:4px;min-height:44px;padding:9px 10px;margin-top:6px;color:#252a27;font-size:16px}.of-editor input[type=range]{display:block;width:100%;margin-top:10px;min-height:30px}.of-options{display:grid;grid-gap:12px;gap:12px}.of-options button{text-align:left;display:grid;grid-template-columns:60px 1fr;align-items:center;grid-column-gap:10px;column-gap:10px;padding:10px}.of-options svg{grid-row:span 2;width:55px;height:75px}.of-options strong{align-self:end;font-size:15px}.of-options small{align-self:start;font-weight:400;color:#647067;line-height:1.45}.of-spec{font-size:18px;margin:24px 0;padding:20px 0;border-block:1px solid var(--border)}.of-spec span{display:block;font-size:12px;color:#647067;margin-top:3px}.of-editor .of-file-secondary{font-size:13px;text-decoration:underline;cursor:pointer}.of-file-secondary input,.of-upload input{position:absolute;opacity:0;width:1px;height:1px}.of-file-secondary:focus-within,.of-upload:focus-within{outline:3px solid #b86a4a;outline-offset:4px}.of-editor .of-upload{padding:20px 10px;border:1px dashed #9faa9f;text-align:center;cursor:pointer;margin-top:22px;border-radius:4px;background:#fafbf9}.of-upload span{display:block;font-size:14px}.of-upload small{display:block;color:#768178;font-size:12px;margin-top:7px;font-weight:400}.of-asset{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:20px}.of-asset span{overflow:hidden;text-overflow:ellipsis}.of-asset button{padding:5px;font-size:12px}.of-colors{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px 6px;gap:12px 6px}.of-colors label{font-size:12px;font-weight:400;margin:0}.of-colors span{display:block}.of-colors input{width:48px;height:44px;border:1px solid var(--border);border-radius:4px;background:white;padding:3px;cursor:pointer}.of-next{margin-top:28px}.of-style-list{display:grid;grid-gap:10px;gap:10px}.of-style-list button{display:flex;align-items:center;text-align:left;gap:14px;padding:10px}.of-thumb{width:49px;flex-shrink:0;line-height:0;pointer-events:none}.of-style-list strong{display:block;font-size:14px}.of-style-list small{display:block;font-weight:400;font-size:12px;color:#68736b;margin-top:5px}.of-layout-list{display:grid;grid-gap:7px;gap:7px}.of-layout-list button{display:flex;text-align:left;align-items:center;gap:12px;padding:8px;font-size:13px}.of-layout-list .of-thumb{width:34px}.of-stage{background:#e9ebe7;min-width:0;display:flex;flex-direction:column}.of-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:12px}.of-side-tabs{display:flex;padding:3px;background:#dfe3dd;border-radius:6px;gap:3px}.of-side-tabs button{border:0;background:transparent;padding:7px 14px;font-size:13px}.of-side-tabs button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #00000012;border:0}.of-history{display:flex;gap:5px}.of-history button{font-size:23px;min-width:44px;padding:0 8px;background:#f8f9f7}.of-canvas-scroll{height:580px;overflow:auto;position:relative;padding:10px 18px 22px}.of-canvas-size{display:flex;align-items:flex-start}.of-board-wrap{max-width:100%;flex-shrink:0;filter:drop-shadow(0 12px 14px #14141423)}.of-board{display:block;width:100%;height:auto;aspect-ratio:230/325;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none}.of-canvas-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 22px;font-size:11px;color:#657167;border-top:1px solid #d7dcd5;margin-top:auto}.of-canvas-bottom>div{display:flex;align-items:center;gap:5px}.of-canvas-bottom button{padding:5px 9px;min-width:35px;min-height:44px;background:transparent;border:0;font-size:12px}.of-editor .of-guides{font-size:12px;font-weight:400;display:flex;align-items:center;gap:7px;margin:0;padding:6px 22px}.of-guides input{width:18px;height:18px}.of-canvas-hint{font-size:11px;color:#717c73;padding:0 22px;margin:3px 0 15px}.of-layers>div{display:flex;margin-bottom:6px;gap:4px}.of-layers>div>button:first-child{flex:1 1;text-align:left;font-size:13px}.of-layers button span{color:#77867b;margin-right:10px}.of-layers>div>button:last-child{width:44px;padding:6px}.of-layers p{font-size:12px;color:#839086;margin:15px 0 22px;padding-bottom:20px;border-bottom:1px solid var(--border)}.of-empty{padding:24px 10px;text-align:center;color:#7a867d}.of-empty>span{font-size:25px}.of-empty p{font-size:14px}.of-empty small{font-size:12px}.of-position{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.of-small{font-size:12px;color:#728078;line-height:1.6}.of-object-properties>button{width:100%;font-size:13px}.of-headings{border-top:1px solid var(--border);padding:18px 0;margin-top:20px}.of-editor summary{cursor:pointer;font-size:13px;font-weight:600;min-height:44px;padding:10px 0}.of-headings label{font-size:12px}.of-production-note{border-top:1px solid var(--border);margin-top:25px;padding-top:7px;color:#778178}.of-production-note p{font-size:12px;line-height:1.6}.of-warning{font-size:12px;background:#fcf1e7;color:#844422;padding:12px}.of-review-mode{grid-template-columns:minmax(0,1fr) 290px}.of-review-boards{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;padding:30px 35px;max-width:880px;margin:auto;width:100%}.of-review-boards figure{min-width:0;filter:drop-shadow(0 8px 12px #00000018)}.of-review-boards figcaption{text-align:center;margin-top:15px;font-size:13px}.of-review-mode dl{font-size:14px}.of-review-mode dt{color:#7b887d;font-size:12px;margin-top:14px}.of-review-mode dd{margin:2px 0 0;overflow-wrap:anywhere}.of-review-mode .of-properties>button{width:100%;margin-top:10px}@media (min-width:1600px){.of-workspace{grid-template-columns:290px minmax(0,1fr) 290px}.of-canvas-scroll{height:650px}.of-review-mode{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:1100px){.of-workspace{grid-template-columns:220px minmax(0,1fr) 220px}.of-properties,.of-tools{padding:22px 15px}.of-canvas-toolbar{padding:15px 10px}.of-canvas-bottom{flex-wrap:wrap;padding:10px}.of-review-mode{grid-template-columns:minmax(0,1fr) 240px}.of-heading{padding:22px}.of-save>span{display:none}}@media (max-width:800px){.of-heading{padding:20px 16px;align-items:flex-start;gap:12px}.of-heading h1{font-size:22px;letter-spacing:-.6px;max-width:210px}.of-kicker{font-size:10px}.of-save button{font-size:12px;padding:8px;white-space:nowrap}.of-steps{padding:0 12px;gap:12px;scrollbar-width:none}.of-steps button{font-size:12px;padding:12px 2px;gap:5px}.of-review-mode,.of-workspace{display:flex;flex-direction:column}.of-stage{order:0}.of-tools{order:1}.of-properties,.of-tools{border:0;border-top:1px solid var(--border);padding:22px 20px}.of-properties{order:2}.of-canvas-toolbar{padding:12px 16px}.of-canvas-scroll{height:420px;padding:3px 28px 14px}.of-canvas-bottom{padding:6px 16px;font-size:11px}.of-canvas-bottom>div{margin-left:auto}.of-canvas-hint{display:none}.of-editor .of-guides{padding:4px 16px 12px;font-size:11px}.of-options{grid-template-columns:1fr 1fr}.of-options button{display:block;text-align:center}.of-options svg{height:65px;width:55px;display:block;margin:auto}.of-options small,.of-options strong{display:block}.of-spec{margin:18px 0;padding:12px 0}.of-style-list{grid-template-columns:1fr}.of-style-list .of-thumb{width:40px}.of-layout-list{grid-template-columns:1fr 1fr}.of-layout-list button{font-size:12px}.of-panel-title{margin-bottom:0}.of-next{position:static}.of-colors{grid-template-columns:repeat(5,1fr)}.of-review-boards{gap:14px;padding:25px 16px}.of-notice{padding:10px 16px;font-size:12px}.of-empty{padding:10px}.of-layers{display:grid;grid-template-columns:1fr}.of-production-note{margin-top:16px}.of-save{gap:0}.of-editor input[type=range]{min-height:44px}}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:"DM Serif Display";src:url(/fonts/DMSerifDisplay-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-Black.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat%5Bwght%5D.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald%5Bwght%5D.ttf) format("truetype");font-weight:200 700;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat%5Bwght%5D.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/Rajdhani-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/Rajdhani-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/Rajdhani-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/Rajdhani-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora%5Bwght%5D.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay%5Bwght%5D.ttf) format("truetype");font-weight:400 900;font-display:swap}.of-editor{font-family:Inter,Arial,sans-serif}.of-editor-fields{border:0;padding:0;margin:0;min-width:0}.of-add-tools{margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.of-add-tools>button{width:100%;text-align:left}.of-add-tools .of-upload{margin:12px 0}.of-editor select,.of-editor textarea{display:block;border:1px solid var(--border);border-radius:4px;width:100%;min-height:44px;font:inherit;font-size:14px;padding:8px;background:white;color:#252a27;margin-top:6px}.of-editor textarea{resize:vertical;font-size:16px}.of-align,.of-object-actions{display:flex;gap:5px;margin:10px 0 18px;flex-wrap:wrap}.of-align button{flex:1 1;font-size:12px;padding:7px}.of-object-actions button{flex:1 0 45%;font-size:12px}.of-layers{max-height:270px;overflow-y:auto;padding:0 2px;margin-bottom:20px}.of-layers>div>button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.of-layers p{margin:0 0 12px;padding-bottom:12px;font-size:11px}.of-editor .of-check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;margin:15px 0}.of-check input{width:18px;height:18px;flex-shrink:0}.of-object-properties input[type=color]{height:44px;width:100%;border:1px solid var(--border);border-radius:4px;padding:3px;background:white;margin-top:6px}.of-board-wrap{max-width:none}.of-canvas-size{min-height:100%;padding:0;justify-content:center}.of-properties,.of-tools{max-height:900px;overflow:auto}.of-board{aspect-ratio:auto}.of-canvas-scroll{height:590px}.of-object-properties h3{border-top:1px solid var(--border);padding-top:15px}@media (min-width:1600px){.of-canvas-scroll{height:660px}}@media (max-width:800px){.of-canvas-scroll{height:425px}.of-properties,.of-tools{max-height:none;overflow:visible}.of-layers{max-height:230px}.of-object-properties{padding-bottom:15px}}.of-properties-close{display:none}@media (max-width:800px){.of-properties:has(.of-object-properties){position:fixed;bottom:0;left:0;right:0;max-height:48dvh;overflow:auto;z-index:70;border-radius:16px 16px 0 0;box-shadow:0 -8px 35px #14141425;padding:12px 20px 24px}.of-properties:has(.of-object-properties) .of-layers{max-height:100px}.of-properties-close{display:block;width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:2;margin-bottom:15px}.of-tools{max-height:650px;overflow:auto}}.of-color-settings>.of-colors{margin-bottom:22px}.of-color-settings>.of-colors label{overflow-wrap:anywhere}.of-help-dialog{max-width:620px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;border:0;border-radius:12px;padding:28px;color:#252a27;background:#fafaf8}.of-help-dialog::-webkit-backdrop{background:#14251fd0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.of-help-dialog::backdrop{background:#14251fd0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.of-help-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.of-help-header button{font-size:24px}.of-help-dialog h2{font-size:28px;margin:12px 0}.of-help-dialog>p{color:#627269;margin-bottom:24px}.of-help-contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.of-help-files{list-style:none;margin:0 0 20px;padding:0}.of-help-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d9dfd9;padding:6px 0}.of-help-files span{overflow-wrap:anywhere}.of-help-status{background:#e9efea;padding:14px;font-size:13px}.of-help-trigger{white-space:nowrap}.of-help-dialog textarea{font-size:16px}.of-help-dialog .of-upload input{position:absolute}.of-help-dialog input:not([type=checkbox]):not([type=file]){width:100%}@media (max-width:800px){.of-save{flex-direction:column;gap:6px;align-items:stretch}.of-heading h1{font-size:20px}.of-help-contact{grid-template-columns:1fr}.of-help-dialog{padding:20px}.of-colors{grid-template-columns:repeat(3,1fr)}}.of-inspiration-mode{grid-template-columns:340px minmax(0,1fr)}.of-module-picker{display:grid;grid-gap:8px;gap:8px;margin-bottom:24px}.of-cart{padding:40px max(20px,5vw)}.of-cart article{display:grid;grid-template-columns:minmax(240px,480px) 1fr;grid-gap:32px;gap:32px;padding:24px 0;border-bottom:1px solid #ddd}.of-cart-previews{display:flex;gap:16px}.of-cart-previews figure{width:50%;margin:0}.of-cart button{display:block;margin:12px 0}.of-cart input{max-width:100px;display:block}@media(max-width:700px){.of-inspiration-mode{display:flex;flex-direction:column}.of-inspiration-mode .of-stage{order:0}.of-inspiration-mode .of-tools{order:1}.of-cart article{grid-template-columns:1fr}}.of-sports{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:12px 0 26px}.of-sports button[aria-pressed=true]{background:#173A2B;color:#F3EFE5}.of-profile-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px}.of-editor .of-color-trigger{width:38px;height:38px;min-width:38px;border:1px solid #a5aaa5;border-radius:7px;padding:0;display:block;position:relative;box-shadow:inset 0 0 0 3px white}.of-color-trigger span{position:absolute;right:3px;bottom:1px;background:white;color:#141414;border-radius:3px;font-size:12px;line-height:12px}.of-color-backdrop{position:fixed;inset:0;z-index:1000;background:#14141455;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Inter,Arial,sans-serif}.of-color-dialog{width:330px;max-width:100%;max-height:calc(100dvh - 32px);overflow:auto;background:#fffdf8;color:#141414;border-radius:16px;padding:20px;box-shadow:0 16px 70px #0003;font-size:14px}.of-color-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.of-color-dialog button{cursor:pointer;font:inherit;border:1px solid #d5d8d2;border-radius:7px;background:white;color:#173A2B;padding:8px 12px}.of-color-dialog button:focus-visible,.of-color-dialog input:focus-visible{outline:3px solid #8FA694;outline-offset:2px}.of-color-dialog p{margin:18px 0 10px}.of-crayons{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:9px;gap:9px}.of-crayons button{height:38px;padding:0;border:1px solid #0003;box-shadow:inset 0 0 0 2px white}.of-crayons button[aria-pressed=true]{outline:2px solid #173A2B;outline-offset:2px}.of-crayons span{background:white;color:#173A2B;border-radius:50%;padding:0 3px;font-weight:700}.of-hex-label{display:block;margin-top:20px;font-weight:600}.of-hex-label div{display:flex;gap:8px;margin:7px 0}.of-hex-label input{min-width:0;width:100%;padding:10px;border:1px solid #9fa89e;border-radius:6px;font:inherit}.of-color-dialog small{font-size:12px;color:#546052;display:block}.of-free-color{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.of-free-color input{width:50px;height:34px;border:0;padding:0;cursor:pointer}.of-color-dialog .of-color-done{background:#173A2B;color:white;margin-top:18px;width:100%}.of-color-dialog button:disabled{opacity:.4;cursor:default}.of-font-picker{display:grid;grid-gap:6px;gap:6px;min-width:0}.of-font-picker>button{display:flex;justify-content:space-between;text-align:left;min-height:44px;font-size:18px}.of-font-options{display:grid;grid-gap:5px;gap:5px;max-height:340px;overflow-y:auto;border:1px solid #8fa694;border-radius:8px;padding:6px;background:#fff}.of-font-options button{text-align:left;display:grid;grid-gap:4px;gap:4px;min-width:0;background:#fff;color:#141414;padding:10px}.of-font-options button[aria-pressed=true]{background:#f3efe5;outline:2px solid #173a2b;outline-offset:-2px}.of-font-name{font:12px Inter,sans-serif;color:#526157}.of-font-sample{font-size:23px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-font-options,.of-font-options button{display:flex;flex-direction:column}.of-font-options button{align-items:stretch;flex-shrink:0;min-height:78px}.of-font-sample{display:block;flex-shrink:0;min-height:32px}