:root{--color-white:#fff;--color-bg:#f9f9f9;--color-bg-loading:#f0f0f0;--color-border:#ddd;--color-muted:#999;--color-text-light:#666;--color-nav-link:#555;--color-text:#333;--color-heading:#222;--color-btn:#1a1a1a;--color-btn-hover:#333;--color-error:#c00;--color-error-bg:#fff5f5;--font-heading:"Special Elite",monospace;--font-body:"Courier",monospace;--font-ui:"Inter",sans-serif;--header-height:80px;--skip-link-offset:40px;--mobile-menu-max-height:500px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.8s ease}.skip-link{position:absolute;top:calc(var(--skip-link-offset)*-1);background:var(--color-btn);color:var(--color-white);text-decoration:none;z-index:1000;transition:top var(--transition-normal);padding:8px 16px;left:0}.skip-link:focus{top:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--color-white);padding:20px 0}header .container{display:flex;position:relative;justify-content:space-between;align-items: center}header h1{color:var(--color-heading);font-size:1.8rem;font-family:var(--font-heading);margin:0}nav{margin:0}nav a{text-decoration:none;color:var(--color-nav-link);position:relative;margin-right:20px;font-size:1rem}@media (prefers-reduced-motion:no-preference){nav a:after{transition:width var(--transition-normal)}}nav a:after{content:"";position:absolute;background-color:var(--color-heading);width:0;height:2px;bottom:-2px;left:0}nav a:hover{color:#000}nav a:hover:after{width:100%}.logo-link{text-decoration:none;color:inherit}.mobile-menu-btn{display:none;cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0}.mobile-menu-btn span{background:var(--color-heading);transition:all var(--transition-normal);border-radius:3px;width:30px;height:3px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg)translate(3px,9px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg)translate(3px,-9px)}@media (max-width:768px){.mobile-menu-btn{display:flex}nav{position:absolute;background:var(--color-white);overflow:hidden;opacity:0;flex-direction:column;max-height:0;padding:10px 20px 20px;transition:max-height .3s,opacity .3s,transform .3s;top:100%;left:0;right:0;transform:translateY(-10px);box-shadow:0 4px 6px #0000001a}nav.active{max-height:var(--mobile-menu-max-height);opacity:1;transform:translateY(0)}nav a{opacity:0;display:block;width:100%;margin:0 0 10px;font-size:1.25rem;transform:translate(-20px)}nav.active a{opacity:1;transform:translate(0)}nav.active a:first-child{transition-delay:.1s}nav.active a:nth-child(2){transition-delay:.15s}nav.active a:nth-child(3){transition-delay:.2s}}@media (prefers-reduced-motion:no-preference){@media (max-width:768px){nav a{transition:opacity .3s,transform .3s}}}#hero{min-height:calc(100vh - var(--header-height));text-align:center;display:flex;justify-content:center;align-items: center;padding:80px 20px}.hero-content p{color:var(--color-text);opacity:0;font-size:1.5rem;transform:translateY(20px)}@media (prefers-reduced-motion:no-preference){.hero-content p{animation:fogClear 2s ease-out forwards}@keyframes fogClear{0%{opacity:0;filter:blur(20px);transform:translateY(20px)scale(1.1)}15%{opacity:.5;filter:blur(10px);transform:translateY(15px)scale(1.08)}40%{opacity:.8;filter:blur(5px);transform:translateY(8px)scale(1.03)}to{opacity:1;filter:blur(0);transform:translateY(0)scale(1)}}}section{padding:60px 0}.fade-section{opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow);transform:translateY(30px)}.fade-section.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.fade-section{opacity:1;transition:none;transform:translateY(0)}}section h2{text-align:center;font-size:2rem;font-family:var(--font-heading);margin-bottom:30px}.instagram-text{margin-top:40px}#about>.container{max-width:700px}.about-content{margin-top:30px}.about-content p{text-align:justify;margin-bottom:20px}.about-image{float:right;aspect-ratio:1.44;object-fit:cover;border:1px solid var(--color-border);width:300px;height:400px;margin:0 0 20px 30px}.about-content:after{content:"";display:table;clear:both}#about{background:var(--color-bg);text-align:center}.works-list{display:flex;flex-direction:column;gap:40px;max-width:700px;margin:0 auto}.work-item-link{text-decoration:none;color:inherit}.work-item{display:flex;cursor:pointer;align-items: center;gap:30px}@media (prefers-reduced-motion:no-preference){.work-item{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}}.work-item:hover{box-shadow:0 4px 12px #0000001a}.work-item img{aspect-ratio:300/208;object-fit:cover;background:var(--color-bg-loading);flex-shrink:0;width:300px;height:208px}.work-info{flex:1}.work-info h3{color:var(--color-heading);font-size:1.5rem;font-family:var(--font-heading);margin-bottom:10px}.work-info p{color:var(--color-text-light);margin-bottom:0;font-size:1rem}.work-info .exhibition{color:var(--color-muted);margin-top:8px;font-size:.875rem;font-style:italic}#contact{text-align:center}#contact p{margin-bottom:20px}@media (prefers-reduced-motion:no-preference){.btn{transition:background .3s}}.btn{display:inline-block;background:var(--color-btn);color:var(--color-white);text-decoration:none;border-radius:5px;padding:12px 30px}.btn:hover{background:var(--color-btn-hover)}footer{background:var(--color-heading);color:var(--color-white);text-align:center;padding:30px 0;font-size:.9rem}.project-page{padding:80px 20px}.project-title{text-align:center;font-size:3rem;font-family:var(--font-heading);margin-bottom:40px}.curatorial-text{text-align:justify;max-width:800px;margin:0 auto 60px}.curatorial-text p{margin-bottom:20px;font-size:1.1rem;line-height:1.8}.project-images{display:flex;flex-direction:column;gap:30px;max-width:1000px;margin:0 auto}.project-images img{object-fit:cover;width:100%;height:auto}.photo-caption{display:flex;align-items: flex-start;gap:12px;margin-top:8px;margin-bottom:20px}.photo-caption-line{background-color:var(--color-heading);flex-shrink:0;width:1px;height:60px}.photo-caption-text{display:flex;flex-direction:column;gap:2px}.photo-caption-title{color:var(--color-heading);font-size:.95rem;font-family:var(--font-ui);font-weight:500}.photo-caption-location{color:var(--color-muted);font-size:.85rem;font-family:var(--font-ui)}@media (max-width:768px){.about-image{float:none;display:block;width:100%;max-width:100%;height:500px;margin:0 auto 20px}.work-item{text-align:center;flex-direction:column}.work-item img{aspect-ratio:300/208;width:100%;max-width:300px;height:auto}.project-title{font-size:2rem}.curatorial-text{margin-bottom:40px}.project-images{gap:20px}.photo-caption-line{height:50px}.photo-caption-title{font-size:.9rem}.photo-caption-location{font-size:.8rem}}.app-container{max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:100px 20px 60px}.app-header{text-align:center;margin-bottom:40px}.app-header h1{color:#1a1a1a;margin-bottom:10px;font-family:Special Elite,monospace;font-size:2.5rem}.app-subtitle{color:#666;font-family:Inter,sans-serif;font-size:1rem}.instructions-panel{overflow:hidden;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:30px}.instructions-toggle{display:flex;cursor:pointer;color:#1a1a1a;background:0 0;border:none;justify-content:space-between;align-items: center;width:100%;padding:15px 20px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500}.instructions-toggle:hover{background:#f0f0f0}.toggle-icon{transition:transform .3s}.instructions-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.instructions-content{display:none;padding:0 20px 20px}.instructions-content.active{display:block}.instructions-content ol{color:#333;margin:0 0 20px 20px;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.8}.instructions-content li{margin-bottom:8px}.instructions-content strong{color:#1a1a1a}.tips{background:#fff;border-left:3px solid #1a1a1a;border-radius:6px;padding:15px}.tips strong{display:block;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.9rem}.tips ul{color:#555;margin:0 0 0 20px;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.7}.tips li{margin-bottom:5px}.upload-zone{text-align:center;cursor:pointer;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:60px 40px;transition:all .3s}.upload-zone:hover{background:#f5f5f5;border-color:#999}.upload-zone.drag-over{background:#f0f0f0;border-style:solid;border-color:#1a1a1a}.upload-zone input[type=file]{display:none}.upload-icon{color:#999;margin-bottom:15px}.upload-text{color:#333;margin-bottom:5px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500}.upload-subtext{color:#666;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.95rem}.upload-formats{color:#999;font-family:Courier Prime,monospace;font-size:.8rem}.global-actions{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:30px;padding:15px 20px;box-shadow:0 2px 8px #0000000d}.global-actions-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:15px}.photo-count{color:#666;font-family:Courier Prime,monospace;font-size:.9rem}.photo-count span{color:#1a1a1a;font-weight:600}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-btn{display:inline-flex;color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:5px;align-items: center;gap:8px;padding:10px 20px;transition:all .3s;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.action-btn:hover:not(:disabled){background:#333}.action-btn:disabled{cursor:not-allowed;background:#ccc}.action-btn.secondary{color:#333;background:0 0;border:1px solid #ddd}.action-btn.secondary:hover:not(:disabled){background:#f5f5f5}.progress-container{margin-top:15px}.progress-bar{overflow:hidden;background:#e5e5e5;border-radius:2px;width:100%;height:4px}.progress-fill{background:#1a1a1a;width:0%;height:100%;transition:width .3s}.progress-text{color:#666;text-align:center;margin-top:8px;font-family:Courier Prime,monospace;font-size:.8rem}.photos-section{min-height:200px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));align-items: start;gap:20px}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-state p:first-child{margin-bottom:5px;font-family:Inter,sans-serif;font-size:1.1rem}.empty-subtext{font-family:Inter,sans-serif;font-size:.9rem}.photo-card{overflow:hidden;background:#fff;border:1px solid #e5e5e5;border-radius:8px;transition:all .3s}.photo-card:hover{box-shadow:0 4px 12px #00000014}.photo-card.processing{opacity:.7;pointer-events:none}.photo-card.error{border-color:#c00}.photo-card-header{display:flex;background:#f9f9f9;border-bottom:1px solid #e5e5e5;align-items: center;gap:15px;padding:15px}.photo-thumbnail{overflow:hidden;background:#e5e5e5;border-radius:4px;flex-shrink:0;width:60px;height:60px}.photo-thumbnail img{object-fit:cover;width:100%;height:100%}.photo-info{flex:1;min-width:0}.photo-filename{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-family:Courier Prime,monospace;font-size:.85rem}.photo-dimensions{color:#999;font-family:Courier Prime,monospace;font-size:.75rem}.photo-remove{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;transition:all .2s}.photo-remove:hover{color:#c00;background:#fff5f5}.photo-settings{overflow:hidden;opacity:1;border-bottom:1px solid #e5e5e5;max-height:500px;transition:max-height .3s,padding .3s,opacity .3s}.photo-settings.collapsed{opacity:0;max-height:0!important;padding:0!important}.settings-toggle{display:flex;cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items: center;padding:5px;transition:all .2s;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.settings-toggle:hover{color:#1a1a1a}.settings-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.settings-panel{background:#fafafa;padding:15px}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.settings-row:not(:first-child){border-top:1px solid #e5e5e5;padding-top:15px}.settings-row:last-child{margin-bottom:0}.settings-row.global-margin-row{display:flex;gap:10px}.settings-group{display:flex;flex-direction:column}.settings-group label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.settings-group select{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 10px;font-family:Inter,sans-serif;font-size:.9rem}.settings-group select:focus{outline:none;border-color:#1a1a1a}.slider-group input[type=range]{width:100%;margin-bottom:5px}.slider-value{color:#666;margin-top:5px;font-family:Courier Prime,monospace;font-size:.85rem}.margins-content.expanded{margin-bottom:15px}.margins-collapsible-inline{display:flex;align-items: center;gap:15px}.margins-collapsible-inline .margins-toggle{cursor:pointer;display:flex;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items: center;padding:5px;transition:color .2s}.margins-toggle{cursor:pointer;display:flex;color:#888;background:0 0;border:none;border-radius:4px;justify-content:center;align-items: center;padding:4px 6px;transition:all .2s}.margins-toggle:hover{color:#1a1a1a}.margins-toggle .toggle-icon{width:14px;height:14px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.margins-toggle.expanded .toggle-icon{transform:rotate(90deg)}.margins-content{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.margins-content.expanded{max-height:500px}.photo-preview{background:#e5e5e5;padding:15px}.preview-container{position:relative;display:flex;overflow:hidden;justify-content:center;align-items: center;min-height:200px}.preview-canvas{display:block;max-width:100%;max-height:300px}.status-message{display:flex;border-radius:4px;align-items: center;gap:8px;padding:10px 15px;font-family:Inter,sans-serif;font-size:.85rem}.status-message.error{color:#c00;background:#fff5f5;border:1px solid #fcc}.status-message.success{color:#0c0;background:#f5fff5;border:1px solid #cfc}@media (max-width:768px){.app-container{padding:80px 15px 40px}.app-header h1{font-size:1.8rem}.upload-zone{padding:40px 20px}.global-actions{padding:12px 15px}.global-actions-content{flex-direction:column;gap:10px}.action-buttons{justify-content:stretch;width:100%}.action-buttons .action-btn{flex:1;justify-content:center}.photos-grid,.settings-row{grid-template-columns:1fr}.app-container{padding-bottom:140px}footer{padding-bottom:100px}}.modal-overlay{position:fixed;display:flex;z-index:1000;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items: center;transition:opacity .2s,visibility .2s;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:8px;width:90%;max-width:400px;transition:transform .2s;transform:scale(.95);box-shadow:0 20px 60px #0000004d}.modal-overlay.active .modal{transform:scale(1)}.modal-header{display:flex;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items: center;padding:20px}.modal-header h2{color:#1a1a1a;margin:0;font-family:Special Elite,monospace;font-size:1.25rem}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-field{margin-bottom:20px}.modal-field:last-child{margin-bottom:0}.modal-field label{display:block;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.modal-field select{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:.95rem}.modal-field select:focus{outline:none;border-color:#1a1a1a}.modal-field input[type=range]{width:100%}.modal-hint{color:#999;margin-top:15px;margin-bottom:0;font-family:Inter,sans-serif;font-size:.8rem}.modal-footer{display:flex;border-top:1px solid #e5e5e5;justify-content:flex-end;gap:10px;padding:15px 20px}.toast-container{position:fixed;z-index:2000;display:flex;flex-direction:column;gap:10px;bottom:20px;right:20px}.cdn-error{background:var(--color-error-bg,#fff5f5);color:var(--color-error,#c00);text-align:center;border:1px solid #fcc;border-radius:6px;margin:20px;padding:15px 20px;font-family:Inter,sans-serif;font-size:.95rem}.toast{color:#fff;opacity:0;background:#1a1a1a;border-radius:6px;max-width:350px;padding:12px 20px;transition:opacity .3s,transform .3s;font-family:Inter,sans-serif;font-size:.9rem;transform:translate(100%);box-shadow:0 4px 12px #00000026}.toast.visible{opacity:1;transform:translate(0)}.toast-error{background:#c00}.toast-success{background:#080}@media (max-width:768px){.toast-container{bottom:20px;left:20px;right:20px}.toast{max-width:100%;transform:translateY(100%)}.toast.visible{transform:translateY(0)}}