:root{--vf-rail: 72px;--vf-panel: 340px;--vf-header: 60px;--vf-ink-2: #3d2320;--vf-ink-3: #5a3a36;--vf-stage: #f1ebe8;--vf-focus: 0 0 0 3px rgba(230, 56, 54, .25)}.vf-shell{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-body)}.vf-shell--editor{height:100vh;display:flex;flex-direction:column;overflow:hidden}.vf-shell__body{padding:8px 0 48px}.vf-brand{height:var(--vf-header);flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line)}.vf-brand__logo{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.3px;color:var(--red);text-decoration:none}.vf-brand__sub{color:var(--grey);font-size:14px}.vf-brand__doc{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;font-family:var(--font-display);font-weight:600;font-size:15px}.vf-brand__doc small{font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--grey)}.vf-shell .vf-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer;transform:none;transition:background .15s,border-color .15s;text-decoration:none}.vf-shell .vf-btn:hover:not(:disabled){background:var(--surface-2);border-color:#dcc7c1}.vf-shell .vf-btn:disabled{opacity:.45;cursor:default}.vf-shell .vf-btn--primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:var(--shadow-sm)}.vf-shell .vf-btn--primary:hover:not(:disabled){background:var(--red-deep);border-color:var(--red-deep)}.vf-shell .vf-btn--ok{background:#e8f7f0;border-color:#bfe8d5;color:var(--success)}.vf-shell .vf-btn--ghost{border-color:transparent;background:transparent;color:var(--red-deep);padding:4px 8px;font-size:12px}.vf-shell .vf-icon-btn{border:0;background:transparent;color:var(--vf-ink-3);cursor:pointer;padding:4px 6px;border-radius:6px;font-size:14px;transform:none}.vf-shell .vf-icon-btn:hover{background:var(--surface-2)}.vf-editor{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:var(--vf-rail) var(--vf-panel) 1fr}.vf-rail{background:var(--ink);display:flex;flex-direction:column;align-items:stretch;padding:10px 6px;gap:4px}.vf-shell .vf-rail__btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;border:0;border-radius:10px;background:transparent;color:#ffffffb8;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transform:none}.vf-shell .vf-rail__btn:hover{background:#ffffff14;color:#fff}.vf-shell .vf-rail__btn--active{background:var(--red);color:#fff}.vf-shell .vf-rail__btn--error:not(.vf-rail__btn--active){color:#ffb4b2}.vf-rail__badge{position:absolute;top:6px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:var(--red);font-style:normal;font-size:11px;font-weight:800;line-height:18px;text-align:center}.vf-rail__btn--active .vf-rail__badge{background:var(--ink);color:#fff}.vf-panel-col{background:var(--surface);border-right:1px solid var(--line);overflow:auto;padding:18px 18px 40px}.vf-panel__title{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 14px}.vf-panel__empty{font-size:13.5px;color:var(--grey);line-height:1.55;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius)}.vf-field{padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;margin-bottom:8px}.vf-field--active{border-color:var(--red);background:var(--surface-2)}.vf-field--locked{opacity:.55}.vf-field__label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;margin-bottom:6px}.vf-field__hint{font-weight:400;color:var(--grey);font-size:12px}.vf-field__input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--ink)}.vf-field__input:focus{outline:none;border-color:var(--red);box-shadow:var(--vf-focus)}.vf-field__input[type=file]{padding:7px 9px;font-size:13px}.vf-field__row{display:flex;align-items:center;gap:12px;margin-top:8px}.vf-field__sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grey)}.vf-field__sub input[type=color]{width:32px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.vf-layers{list-style:none;margin:0;padding:0}.vf-layer{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13.5px}.vf-layer:hover{background:var(--paper)}.vf-layer--active{background:var(--surface-2)}.vf-layer--fixed{color:var(--grey);cursor:default}.vf-layer__kind{width:18px;text-align:center;color:var(--grey);font-family:monospace}.vf-layer__name{flex:1}.vf-layer__note{font-size:11px;color:var(--grey)}.vf-review{list-style:none;margin:0;padding:0}.vf-review__item{padding:10px 12px;border-radius:10px;font-size:13.5px;margin-bottom:8px;cursor:pointer;line-height:1.4}.vf-review__item--warning{background:#fff7e6;border-left:4px solid #e8a317}.vf-review__item--error{background:#fdecec;border-left:4px solid var(--red)}.vf-review__ok{font-size:13.5px;color:var(--success);margin:0;padding:12px 14px;background:#e8f7f0;border-radius:var(--radius)}.vf-bg-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vf-shell .vf-bg-thumb{width:100%;padding:0;border:2px solid transparent;border-radius:10px;background:var(--paper);overflow:hidden;cursor:pointer;font:inherit;color:var(--vf-ink-3);font-size:11px;transform:none}.vf-shell .vf-bg-thumb:hover{border-color:var(--line)}.vf-shell .vf-bg-thumb img{display:block;width:100%;aspect-ratio:1 / 2.2;object-fit:cover}.vf-shell .vf-bg-thumb span{display:block;padding:4px 0 5px}.vf-shell .vf-bg-thumb--active{border-color:var(--red)}.vf-bg-colors{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.vf-ai{margin-top:14px}.vf-ai__row{display:flex;gap:6px}.vf-ai__row .vf-field__input{flex:1;min-width:0}.vf-main{position:relative;min-width:0;min-height:0;background:var(--vf-stage);background-image:radial-gradient(rgba(42,18,16,.12) 1px,transparent 1px);background-size:18px 18px}.vf-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.vf-stage__inner{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:72px 24px}.vf-stage canvas{box-shadow:0 18px 40px #2a121038}.vf-float{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-md);z-index:2}.vf-float--top{top:14px}.vf-float--bottom{bottom:14px}.vf-float__sep{width:1px;height:22px;background:var(--line);margin:0 4px}.vf-shell .vf-tool{display:inline-flex;align-items:center;gap:6px;height:34px;min-width:34px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--vf-ink-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transform:none}.vf-shell .vf-tool:hover:not(:disabled){background:var(--surface-2);color:var(--red-deep)}.vf-shell .vf-tool:disabled{opacity:.35;cursor:default}.vf-shell .vf-tool--label{padding:0 12px 0 10px}.vf-shell .vf-tool--danger:hover:not(:disabled){background:#fdecec;color:var(--red)}.vf-float__zoom{min-width:48px;text-align:center;font-size:12px;font-weight:700;color:var(--vf-ink-3)}.vf-float__err{font-size:12px;color:var(--red-deep);padding:0 10px}.vf-shell .vf-float__issues{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:0 12px;height:30px;border:0;border-radius:999px;background:#fff7e6;color:#9a5b00;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transform:none}.vf-message{margin:32px auto;max-width:640px;padding:16px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-size:14px}.vf-message--error{background:#fdecec;border-color:#f5c2c0;color:var(--maroon)}.vf-message--float{position:absolute;left:50%;top:68px;transform:translate(-50%);margin:0;z-index:3;box-shadow:var(--shadow-md)}.vf-picker{max-width:1100px;margin:0 auto;padding:32px 24px 60px}.vf-picker__title{font-family:var(--font-display);font-size:26px;margin:0 0 4px}.vf-picker__hint{color:var(--grey);margin:0 0 24px}.vf-picker__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.vf-shell .vf-picker__card{width:100%;padding:0;border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);overflow:hidden;cursor:pointer;font:inherit;text-align:left;transform:none;transition:border-color .15s,box-shadow .15s}.vf-shell .vf-picker__card:hover{border-color:var(--red);background:var(--surface);box-shadow:var(--shadow-md)}.vf-picker__card img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain;background:var(--paper)}.vf-picker__name{display:block;padding:10px 14px 2px;font-family:var(--font-display);font-weight:600;font-size:15px}.vf-picker__tone{display:block;padding:0 14px 12px;font-size:12px;color:var(--grey)}@media (max-width: 960px){.vf-shell--editor{height:auto;overflow:visible}.vf-editor{grid-template-columns:1fr;grid-template-rows:auto auto auto}.vf-rail{flex-direction:row;justify-content:space-around;order:3;position:sticky;bottom:0;z-index:4}.vf-panel-col{order:2;border-right:0;border-top:1px solid var(--line);max-height:45vh}.vf-main{order:1;height:60vh}.vf-brand__doc{display:none}}@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-variable.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-weight:200 900;font-display:swap;src:url(/fonts/nunito-sans-variable.woff2) format("woff2")}:root{--red: #e63836;--red-deep: #b62d1e;--maroon: #6b1910;--paper: #fbf6f4;--surface: #ffffff;--surface-2: #fdf1ee;--ink: #2a1210;--grey: #8c7c78;--line: #ecdcd7;--success: #17976a;--radius: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(42, 18, 16, .06), 0 2px 8px rgba(42, 18, 16, .05);--shadow-md: 0 6px 24px rgba(42, 18, 16, .1);--font-display: "Fredoka", "Segoe UI", system-ui, sans-serif;--font-body: "Nunito Sans", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body);line-height:1.55;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--ink);line-height:1.1}button,.btn{font-family:var(--font-display);font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--radius);background:var(--red);color:var(--surface);cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--red-deep)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost,.btn--secondary{background:transparent;color:var(--red-deep);border-color:var(--line)}.btn-ghost:hover:not(:disabled),.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--red)}