*,*::before,*::after{box-sizing:border-box}.builder-ui{font-family:"Manrope","Open Sans",sans-serif}.builder-card{border:1px solid #dbe2ea;border-radius:16px;box-shadow:0 12px 35px rgba(15,23,42,0.06);background:#ffffff}.preview-shell{background:radial-gradient(circle at top,#f8fafc 0%,#f1f5f9 65%,#edf2f7 100%);transition:background 0.25s ease}.preview-shell.is-dark{background:radial-gradient(circle at top,#1f2937 0%,#111827 55%,#020617 100%)}.preview-body{position:relative;height:240px;overflow:hidden}.preview-timer-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-units-col{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0.45rem;padding:0;margin:0;border:none;z-index:10}.preview-theme-btn{border:1px solid #cbd5e1;border-radius:999px;background:#ffffff;color:#334155;font-size:0.82rem;font-weight:600;line-height:1;padding:0.5rem 0.9rem;transition:all 0.2s ease}.preview-theme-btn:hover{border-color:#94a3b8;color:#0f172a}.preview-theme-btn.is-active{border-color:#0284c7;background:#0284c7;color:#ffffff}.builder-tab{border:1px solid #dbe2ea;border-radius:10px;background:#ffffff;color:#334155;padding:0.55rem 0.85rem;font-size:0.91rem;font-weight:600;line-height:1.15;text-align:center;transition:all 0.2s ease}.builder-tab:hover{border-color:#94a3b8}.builder-tab.is-active{background:#0f172a;border-color:#0f172a;color:#f8fafc}.example-link{text-align:left;color:#0369a1;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s ease}.example-link:hover{color:#0c4a6e}.timer-type-card{border:1px solid #dbe2ea;border-radius:14px;background:#ffffff;color:#1e293b;font-size:0.96rem;font-weight:600;line-height:1.25;min-height:84px;padding:1rem;transition:all 0.2s ease}.timer-type-card:hover{border-color:#7dd3fc}.timer-type-card.is-active{border-color:#0284c7;box-shadow:0 0 0 2px rgba(2,132,199,0.16)}.faq-block{border:1px solid #dbe2ea;border-radius:16px;background:#ffffff;box-shadow:0 12px 35px rgba(15,23,42,0.06);padding:1.35rem 1.35rem 1.2rem;width:100%;max-width:none}.faq-block-head{margin-bottom:1rem}.faq-title{color:#0f172a;font-size:1.05rem;font-weight:700;line-height:1.2;margin:0}.faq-subtitle{color:#64748b;font-size:0.88rem;line-height:1.45;margin:0.45rem 0 0}.faq-list{display:grid;gap:0.75rem}.faq-item{border:1px solid #e2e8f0;border-radius:14px;background:#ffffff;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.faq-item[open]{border-color:#c7d2fe;box-shadow:0 8px 24px rgba(15,23,42,0.06);background:#ffffff}.faq-question{position:relative;display:block;cursor:pointer;color:#0f172a;font-size:0.95rem;font-weight:400 !important;line-height:1.35;list-style:none;padding:0.95rem 3.4rem 0.95rem 1rem}.faq-question::-webkit-details-marker,.faq-question::marker{display:none;content:""}.faq-question::before,.faq-question::after{content:"";position:absolute;right:1.15rem;top:50%;width:0.9rem;height:2px;border-radius:999px;background:#0f172a;transform:translateY(-50%);transition:transform 0.2s ease,opacity 0.2s ease}.faq-question::after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] .faq-question::after{opacity:0}.faq-answer{border-top:1px solid #e2e8f0;padding:0.9rem 1rem 1rem}.faq-answer p{color:#475569;font-size:0.89rem;line-height:1.55;margin:0}.section-title{color:#0f172a;font-size:1rem;font-weight:700;line-height:1.2}.builder-hero-subtitle{color:#475569;font-size:0.84rem;font-weight:500;line-height:1.35;max-width:56rem}.site-footer{margin-top:1rem;background:transparent;color:#f8fafc}.site-footer-shell{width:100%}.site-footer-inner{width:100%;margin:0 auto;padding:1rem 1.1rem 1.05rem;border:1px solid rgba(148,163,184,0.18);border-radius:16px;background:linear-gradient(180deg,#0b1120 0%,#020617 100%);box-shadow:0 14px 34px rgba(15,23,42,0.18)}.site-footer-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem}.site-footer-brand{display:inline-flex;align-items:center;color:#ffffff;text-decoration:none}.site-footer-brand-image{display:block;width:min(19rem,48vw);height:auto}.site-footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.85rem 2rem}.site-footer-nav a{color:#ffffff;font-size:0.98rem;font-weight:500;text-decoration:none;white-space:nowrap}.site-footer-nav a:hover{color:#7dd3fc}.site-footer-vk{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;border:1px solid rgba(255,255,255,0.42);border-radius:999px;font-size:0.95rem !important;font-weight:700 !important}.site-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem 1.5rem}.site-footer-copy-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0.55rem 1rem}.site-footer-version{color:#38bdf8;font-size:0.83rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.site-footer-copy,.site-footer-contacts{color:rgba(255,255,255,0.88);font-size:0.86rem;line-height:1.4;margin:0}.site-footer-contacts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.6rem 1.1rem}.site-footer-contacts a{color:#ffffff;font-weight:500;text-decoration:none}.site-footer-contacts a:hover{color:#7dd3fc;text-decoration:underline}.site-footer-contacts span{color:rgba(255,255,255,0.68)}.field-label{color:#334155;font-size:0.9rem;font-weight:600;line-height:1.25}.field-input{border:1px solid #cbd5e1;border-radius:0.7rem;background:#ffffff;color:#0f172a;font-size:0.9rem;line-height:1.2;min-height:2.6rem;padding:0.55rem 0.75rem}.field-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,0.18);outline:none}.field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23475569' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.65rem center;padding-right:2.1rem}.builder-ui input[type="color"].field-color{appearance:none !important;-webkit-appearance:none !important;inline-size:2.5rem !important;block-size:2.5rem !important;min-inline-size:2.5rem;min-block-size:2.5rem;max-inline-size:2.5rem;max-block-size:2.5rem;padding:0 !important;border:1px solid #cbd5e1;border-radius:999px !important;background:transparent !important;cursor:pointer;overflow:hidden}.builder-ui input[type="color"].field-color::-webkit-color-swatch-wrapper{padding:0}.builder-ui input[type="color"].field-color::-webkit-color-swatch{border:0;border-radius:999px}.builder-ui input[type="color"].field-color::-moz-color-swatch{border:0;border-radius:999px}.color-control{position:relative;display:inline-flex;align-items:center}.color-control[hidden]{display:none !important}.color-control-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid #cbd5e1;border-radius:999px;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%),linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%);background-color:#f8fafc;background-size:12px 12px;background-position:0 0,6px 6px;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.color-control-trigger:hover{border-color:#94a3b8}.color-control-trigger:focus-visible{border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,0.18);outline:none}.color-control.is-open .color-control-trigger{border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,0.18)}.color-control-swatch{width:100%;height:100%;border-radius:999px;background:var(--color-control-value,#000000)}.color-control-popover{position:absolute;top:calc(100% + 0.5rem);left:0;z-index:30;display:flex;flex-direction:column;gap:0.75rem;min-width:11rem;padding:0.8rem;border:1px solid #dbe2ea;border-radius:0.9rem;background:#ffffff;box-shadow:0 18px 42px rgba(15,23,42,0.16)}.gradient-swap-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:0;background:transparent;color:#475569;font-size:1.05rem;line-height:1;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease,color 0.2s ease,transform 0.2s ease}.gradient-swap-btn[hidden]{display:none !important}.gradient-swap-btn:hover{color:#0f172a}.gradient-swap-btn:focus-visible{box-shadow:0 0 0 2px rgba(14,165,233,0.18);outline:none}.ring-gradient-row{display:flex;flex-wrap:nowrap;align-items:center;gap:0.3rem;min-width:0}.ring-gradient-select{width:9.25rem;min-width:9.25rem;max-width:9.25rem}.gradient-swap-image{display:block;width:2.2rem;height:2.2rem;object-fit:contain}.color-control-popover[hidden]{display:none}.color-control-source{display:none !important}.color-picker-preview{width:3rem;height:3rem;margin:0 auto;border:1px solid #cbd5e1;border-radius:999px;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%),linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%);background-color:#f8fafc;background-size:12px 12px;background-position:0 0,6px 6px;overflow:hidden}.color-picker-preview-fill{width:100%;height:100%;border-radius:inherit;background:var(--color-control-value,#000000)}.color-picker-surface{position:relative;width:100%;height:9.5rem;border:1px solid #cbd5e1;border-radius:0.75rem;cursor:crosshair;overflow:hidden;background:hsl(var(--picker-hue,0) 100% 50%)}.color-picker-surface::before,.color-picker-surface::after{content:"";position:absolute;inset:0}.color-picker-surface::before{background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,0) 100%)}.color-picker-surface::after{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%)}.color-picker-surface-thumb{position:absolute;width:0.9rem;height:0.9rem;margin-left:-0.45rem;margin-top:-0.45rem;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px rgba(15,23,42,0.18),0 2px 6px rgba(15,23,42,0.18);pointer-events:none}.color-picker-row{display:flex;flex-direction:column;gap:0.35rem}.color-picker-label{color:#64748b;font-size:0.78rem;font-weight:600;line-height:1.1}.builder-ui input[type="range"].color-picker-hue,.builder-ui input[type="range"].color-alpha-range{width:100%;height:0.42rem;margin:0;border-radius:999px;cursor:pointer;appearance:none;-webkit-appearance:none}.builder-ui input[type="range"].color-picker-hue{background:linear-gradient(90deg,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%)}.builder-ui input[type="range"].color-picker-hue::-webkit-slider-thumb,.builder-ui input[type="range"].color-alpha-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:0.95rem;height:0.95rem;border:2px solid #ffffff;border-radius:999px;background:#0284c7;box-shadow:0 0 0 1px rgba(15,23,42,0.18)}.builder-ui input[type="range"].color-picker-hue::-moz-range-thumb,.builder-ui input[type="range"].color-alpha-range::-moz-range-thumb{width:0.95rem;height:0.95rem;border:2px solid #ffffff;border-radius:999px;background:#0284c7;box-shadow:0 0 0 1px rgba(15,23,42,0.18)}.builder-ui input[type="range"].color-alpha-range{background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%),linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%),linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--alpha-solid-color,#000000) 100%);background-color:#f8fafc;background-size:12px 12px,12px 12px,100% 100%;background-position:0 0,6px 6px,0 0}.color-picker-hex{width:100%;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.color-alpha{display:flex;flex-direction:column;gap:0.35rem;inline-size:100%}.color-alpha-label{color:#64748b;font-size:0.78rem;font-weight:600;line-height:1.1;white-space:nowrap}.builder-ui input[type="range"].color-alpha-range{width:100%;height:0.34rem;margin:0;accent-color:#0284c7;cursor:pointer}.field-unit{color:#64748b;font-size:0.82rem;font-weight:600}.weekday-chip{cursor:pointer;user-select:none}.weekday-chip input{display:none}.weekday-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;border:1px solid #cbd5e1;border-radius:0.6rem;background:#ffffff;padding:0.35rem 0.55rem;color:#334155;font-size:0.8rem;font-weight:700;transition:all 0.2s ease}.weekday-chip input:checked + span{border-color:#0284c7;background:#0284c7;color:#ffffff}.preset-card{border:1px solid #dbe2ea;border-radius:14px;padding:0.75rem;text-align:left;transition:all 0.2s ease;background:#ffffff}.preset-card:hover{border-color:#7dd3fc}.preset-card.is-active{border-color:#0284c7;box-shadow:0 0 0 2px rgba(2,132,199,0.16)}.preset-thumb{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;line-height:0}.preset-thumb-img{width:100%;height:auto;display:block}.preset-name{display:block;margin-top:0.45rem;color:#334155;font-size:0.9rem;font-weight:600}.next-step-btn{background:#0284c7;border-radius:999px;border:0;color:#ffffff;font-size:0.87rem;font-weight:700;line-height:1;padding:0.75rem 1.25rem;transition:all 0.2s ease}.next-step-btn:hover{background:#0369a1;transform:translateY(-1px)}.code-options{border:1px solid #dbe2ea;border-radius:0.75rem;background:#f8fafc;padding:0.75rem}.settings-grid{display:grid;gap:1rem}.code-textarea{border:1px solid #cbd5e1;border-radius:0.75rem;background:#f8fafc;color:#0f172a;font-family:"JetBrains Mono","Consolas",monospace;font-size:0.84rem;line-height:1.45;min-height:140px;padding:0.75rem;width:100%;resize:vertical}.code-textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px rgba(14,165,233,0.18);outline:none}@media (max-width:639px){.faq-block{padding:1rem 0.95rem 0.95rem}.faq-question{font-size:0.92rem;padding:0.85rem 3rem 0.85rem 0.9rem}.faq-answer{padding:0.8rem 0.9rem 0.9rem}.preset-card{padding:0.65rem}.preset-name{margin-top:0.3rem}}@media (min-width:640px){.builder-tab{font-size:0.94rem;padding:0.6rem 1rem}.timer-type-card{font-size:0.98rem}}@media (min-width:1024px){.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-grid.is-single-column{grid-template-columns:minmax(0,1fr)}}#previewTimer{width:100%}.builder-ui input[type="number"].field-input::-webkit-inner-spin-button,.builder-ui input[type="number"].field-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1}.builder-ui input[type="number"].field-input{-moz-appearance:number-input}.size-control-wrap{position:relative;display:inline-flex}.size-control-wrap::after{content:'';position:absolute;top:100%;left:0;right:0;height:8px;pointer-events:auto}.size-slider-popup{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#ffffff;border:1px solid #cbd5e1;border-radius:0.7rem;padding:0.5rem 0.75rem;box-shadow:0 4px 16px rgba(15,23,42,0.12);z-index:200;width:180px;opacity:0;pointer-events:none;transition:opacity 0.15s ease}.size-control-wrap:hover .size-slider-popup,.size-control-wrap:focus-within .size-slider-popup{opacity:1;pointer-events:auto}.size-slider-popup .size-slider{width:100%;height:0.42rem;margin:0;border-radius:999px;cursor:pointer;appearance:none;-webkit-appearance:none;background:#e2e8f0}.size-slider-popup .size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.95rem;height:0.95rem;border:2px solid #ffffff;border-radius:999px;background:#0ea5e9;box-shadow:0 0 0 1px rgba(15,23,42,0.18);cursor:pointer}.size-slider-popup .size-slider::-moz-range-thumb{width:0.95rem;height:0.95rem;border:2px solid #ffffff;border-radius:999px;background:#0ea5e9;box-shadow:0 0 0 1px rgba(15,23,42,0.18);cursor:pointer}@media (max-width:374px){.builder-ui input[type="color"].field-color{inline-size:1.75rem !important;block-size:1.75rem !important;min-inline-size:1.75rem;min-block-size:1.75rem;max-inline-size:1.75rem;max-block-size:1.75rem}.preview-theme-btn{padding:0.4rem 0.6rem;font-size:0.78rem}.builder-tab{font-size:0.72rem;padding:0.45rem 0.5rem}.timer-type-card{font-size:0.85rem;padding:0.8rem 1rem}#fixedEndDate,#biweeklyStartDate{width:120px}#fixedEndTime{width:84px}#cycleDurationHours,#cycleDurationMinutes{width:64px}}