:root{--bg:#f5f5f3;--ink:#000;--text-secondary:#666;--line-soft:#d0d0ce;--error:#c0392b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-13:52px;--space-14:56px;--space-15:60px;--space-16:64px;--font-structural:"Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-content:"Droulers", Georgia, serif;--border-weight:1.5px}*{box-sizing:border-box;border-radius:0}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-content);font-size:1rem;line-height:1.45}#root{min-height:100svh}p,h1,h2,h3,h4{margin:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.app-shell{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);background:var(--bg);max-width:1280px;min-height:100svh;margin:0 auto}.top-header{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:var(--border-weight) solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.top-header p{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:400}.top-header p:last-child{text-align:right}.mobile-progress{display:none}.editor-layout{grid-template-columns:220px minmax(0,1fr);min-height:calc(100svh - 81px);display:grid}.sidebar{border-right:var(--border-weight) solid var(--ink);padding:var(--space-8) var(--space-4);gap:var(--space-6);flex-direction:column;display:flex}.sidebar-progress{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:400}.section-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.section-item{align-items:baseline;gap:var(--space-1);text-align:left;width:100%;padding:var(--space-1) 0;cursor:pointer;background:0 0;border:none;display:flex}.section-item:disabled{color:var(--text-secondary);cursor:default}.section-item span:last-child{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;line-height:1.4}.section-item.is-active span:last-child{font-weight:400}.nav-arrow{opacity:0;width:12px;font-family:var(--font-structural);font-size:.72rem;transition:opacity .3s;display:inline-flex}.nav-arrow.is-visible{opacity:1}.content-area{flex-direction:column;display:flex}.section-panel{padding:var(--space-8) var(--space-10) var(--space-12)}.slide-in{animation:.3s slide-in-right}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-block{gap:var(--space-7);flex-direction:column;display:flex}.step-title{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--space-4);border-bottom:1px solid var(--line-soft);font-size:1rem;font-weight:400}.intro-copy{gap:var(--space-5);max-width:68ch;display:grid}.intro-copy strong{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:400}.field-block{gap:var(--space-2);padding-bottom:var(--space-6);border-bottom:1px solid var(--line-soft);display:grid}.field-block.is-compact{border-bottom:none;padding-bottom:0}.field-label{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:400}.field-prompt,.helper-text,.section-note,.field-counter{color:var(--text-secondary);font-family:var(--font-content);font-size:1rem;font-weight:400}.field-counter{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.editor-input,.editor-textarea,.editor-select{border:none;border-bottom:var(--border-weight) solid var(--ink);width:100%;color:var(--ink);padding:var(--space-2) 0 var(--space-2);font-family:var(--font-content);box-shadow:none;appearance:none;background:0 0;outline:none;font-size:1rem}.editor-input:focus,.editor-textarea:focus,.editor-select:focus{border-bottom-color:var(--ink)}.editor-input:invalid,.editor-textarea:invalid,.editor-select:invalid{border-bottom-color:var(--error)}.editor-input::placeholder,.editor-textarea::placeholder{color:#999;font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.editor-textarea{resize:vertical;min-height:72px}.editor-select{cursor:pointer;padding-right:var(--space-7)}.editor-select option{font-family:var(--font-content)}.step-controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.primary-button,.ghost-button,.suggestion-button,.link-remove{border:var(--border-weight) solid var(--ink);color:var(--ink);padding:var(--space-2) var(--space-4);font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:0;font-size:.7rem;font-weight:400}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{color:var(--ink);background:0 0}.ghost-button:hover,.suggestion-button:hover,.link-remove:hover{background:var(--ink);color:#fff}.primary-button:disabled,.ghost-button:disabled,.suggestion-button:disabled,.link-remove:disabled{opacity:.5;cursor:not-allowed}.upload-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.photo-upload{gap:var(--space-2);display:grid}.photo-upload input{opacity:0;pointer-events:none;position:absolute;inset:0}.photo-upload-zone{border:var(--border-weight) dashed var(--ink);cursor:pointer;justify-content:center;align-items:center;min-height:150px;transition:border-style .3s;display:flex;position:relative}.photo-upload:hover .photo-upload-zone{border-style:solid}.upload-placeholder{align-items:center;gap:var(--space-2);font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;font-size:.68rem;display:flex}.upload-placeholder i{width:18px;height:18px}.uploaded-preview{object-fit:cover;width:100%;height:100%}.ai-suggestion-wrap{gap:var(--space-2);display:grid}.ai-suggestion{color:var(--text-secondary);font-size:.98rem}.suggestion-button{justify-self:start}.dynamic-block{gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--line-soft);display:grid}.dynamic-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.dynamic-header h3,.dynamic-block h3{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:400}.inline-fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;display:grid}.inline-fields label{gap:var(--space-1);display:grid}.link-remove{align-self:end}.emergency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-card{gap:var(--space-3);border-bottom:1px solid var(--line-soft);padding-bottom:var(--space-4);display:grid}.fade-in-field{animation:.3s field-fade}@keyframes field-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.summary-block{gap:var(--space-4);display:grid}.summary-item{gap:var(--space-2);border-bottom:1px solid var(--line-soft);padding-bottom:var(--space-4);display:grid}.summary-label{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.loading-state{gap:var(--space-2);display:grid}.loading-state p{font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.loading-line{background:var(--line-soft);width:100%;height:1px;position:relative;overflow:hidden}.loading-line:after{content:"";background:var(--ink);width:35%;height:100%;animation:.9s linear infinite scan-line;position:absolute;top:0;left:-35%}@keyframes scan-line{to{left:100%}}.inline-link{justify-self:start;text-decoration:none}.frame-modal-backdrop{background:var(--bg);padding:var(--space-6);z-index:20;place-items:center;display:grid;position:fixed;inset:0}.frame-modal{padding:var(--space-4)}.field-error{color:var(--error);font-size:.8rem;font-family:var(--font-content)}@media (width<=980px){.section-panel{padding-inline:var(--space-7)}.upload-grid{grid-template-columns:1fr}.frame-options{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-fields,.emergency-grid{grid-template-columns:1fr}}@media (width<=767px){.top-header{padding:var(--space-4);gap:var(--space-1);grid-template-columns:1fr}.top-header p:last-child{text-align:left}.mobile-progress{padding:var(--space-3) var(--space-4);border-bottom:var(--border-weight) solid var(--ink);font-family:var(--font-structural);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.editor-layout{grid-template-columns:1fr;min-height:auto}.sidebar{display:none}.section-panel{padding:var(--space-5) var(--space-4) var(--space-8)}.step-controls{flex-wrap:wrap}.frame-modal{padding:var(--space-4)}}